@charset "utf-8";
body{font-size:14px;color:#666666; font-family:Microsoft JhengHei,Microsoft Yahei,SimHei,Arial,simsun;word-wrap: break-word; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0; } 
a{text-decoration:none; color:#666666;font-size:14px; }
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.bgqhui{background:#f0ede8;}
.colqlan{color:#0175c2;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}

/*top*/
.topbg{width:100%; border-top:#0175c2 4px solid;  position:fixed; left:0; top:0; background:#FFFFFF; z-index:9999;}
.top{ width:92%; max-width:1200px; height:102px;  position:relative; margin:0 auto;}
.logo{ display:block; width:295px; height:102px; position:absolute; left:0; top:0; overflow:hidden; z-index:3;}
.logo img{ display:block; width:100%; height:100%;}
.logo iframe{ border:0; width:295px; height:102px;}

.mane{ width:75%; position:absolute; right:0; top:56px; z-index:2;}
.mane ul{ float:right;}
.mane li{ float:left; position:relative;}
.manebt{ display:block; padding:0 12px; height:45px; line-height:45px; font-size:17px; position:relative;  overflow:hidden;}
.manebt span{ display:inline-block; position:relative; z-index:2;}
.manebtmk{ display:block; width:100%; height:100%; background:#0175c2; position:absolute; left:0; bottom:-45px; z-index:1; overflow:hidden;}
.mkcur{color:#FFFFFF;}
.manecur{color:#FFFFFF; background:#0175c2}
.maneov{color:#777777;}

.maneson{ background:#4c4a4f; position:absolute; left:0; top:45px; overflow:hidden; display:none;}
.maneson a{ display:block; float:left; margin:16px; color:#d2c5cc; overflow:hidden}
.maneson a:hover{ color:#0175c2;}
/*add*/
.maneadd{ display:none;}
.toprnew{height:32px; line-height:32px; position:relative; float:right; margin-right:5px; overflow:hidden;}
/*add*/
.toprbg{ padding:0 0 0 10px; height:32px; background:#eeeeee; position:relative; float:right; overflow:hidden; z-index:1;}
.toprbg .tpbg{ display:block; margin:6px 8px; float:left; cursor:pointer; position:relative;}
.toprbg .tppic{ display:inline-block; height:16px; float:left; margin-right:5px;}
.toprbg .tbbt{ display:inline-block; font-size:12px; color:#777777; float:left;}
.shbg{ display:block; float:left; margin:6px 0; cursor:pointer; position:relative; }
.shbtn{ display:inline-block; width:38px; height:18px; background:#eeeeee; float:left; margin-left:8px; position:relative; overflow:hidden; z-index:2; }
.shbtn img{ display:inline-block; width:19px;}
.subtj{ display:inline-block; width:19px; height:17px; border:0; background:url(../images/shbtn.png) no-repeat; background-size:cover; cursor:pointer;}
.shtxt{ display:block; width:100px; height:18px; line-height:18px; padding:0 5px; border:0; background:#FFFFFF; position:absolute; top:0; left:110px; z-index:1; transition: all 0.5s;}
.shtxtcur{ left:-110px;}
.mtag{ display:none;}
.tline{ display:none;}
.tbline{ display:none;}
.telbox{ width:229px; height:32px; line-height:32px; color:#FFFFFF; text-align:center; font-size:20px; background:#0075c2; position:absolute; right:0; top:32px; z-index:3; overflow:hidden; display:none;}
.wxbox{ width:229px; height:229px; background:#0075c2; position:absolute; right:0; top:32px; z-index:4; overflow:hidden; display:none;}
.wxbox img{ display:block; width:209px; margin:10px auto;}

/*banner*/
.bnbg{ width:100%; position:relative; z-index:2; }
.banner{width:100%; height:0; padding-bottom:27%;text-align:center; position:relative; overflow:hidden; z-index:1; background:url(../images/vdobg.jpg) no-repeat; background-size:cover;}
.vdobox{ width:48%; margin:0 auto; overflow:hidden}
.vdobox video{ width:100%;}
.vdobox img{ width:100%;}
.bnpre{ display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) no-repeat;  position:absolute; top:40%; left:10%; z-index:2; cursor:pointer;}
.bnnext{ display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) -38px 0px no-repeat; position:absolute; top:40%; right:10%; z-index:2; cursor:pointer;}
.banner ul{ width:100%; position:relative; z-index:1;}
.banner li{width:100%;  text-align:center; position:absolute; top:0; left:0; background:#e4f1f9; overflow:hidden; transition: all 1s;}
.banner li img{ width:100%;}
.bncur{opacity:1; z-index:2;}
.bnov{opacity:0; z-index:1;}

.bnpage{ width:92%; height:30px; line-height:30px; padding:0 4%; position:absolute; left:0; bottom:-30px; z-index:9; color:#FFFFFF; z-index:2; display:none; }
.bnpage ul{ width:100%; text-align:center; overflow:hidden;}
.bnpage li{ display:inline-block; width:10px; height:10px;  border-radius: 5px; margin:0 10px; font-size:0; text-indent:-99999px; cursor:pointer; overflow:hidden}
.bnpcur{background:#14305f;}
.bnppov{background:#cacccb;}

/*m*/
.sjbnbg{ width:100%; position:relative; z-index:2; display:none; }
.sjbn{width:100%; height:0; padding-bottom:27%; text-align:center; position:relative; overflow:hidden; z-index:1;}
.sjpre{ display:none; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) 0px 0px no-repeat; position:absolute; top:40%; left:10%; z-index:2; cursor:pointer;}
.sjnext{ display:none; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) -38px 0px no-repeat; position:absolute; top:40%; right:10%; z-index:2; cursor:pointer;}
.sjbn ul{ width:100%; position:relative; z-index:1;}
.sjbn li{width:100%;  text-align:center; position:absolute; top:0; left:0;  background:#e4f1f9; overflow:hidden; }
.sjbn li img{ width:100%;}
.sjcur{z-index:2;}
.sjov{z-index:1;}
.sjbn video{ width:100%;}

.sjpage{ width:92%; height:30px; line-height:30px; padding:0 4%; position:absolute; left:0; bottom:-30px; z-index:9; color:#FFFFFF; z-index:2; display:none; }
.sjpage ul{ width:100%; text-align:center; overflow:hidden;}
.sjpage li{ display:inline-block; width:10px; height:10px;  border-radius: 5px; margin:0 10px; font-size:0; text-indent:-99999px; cursor:pointer; overflow:hidden}
.sjpcur{background:#14305f;}
.sjppov{background:#cacccb;}

/*add-banner*/
.bnmk{ width:100%;background:#e4f1f9; position:relative; margin-top:106px;}
.bninfo{width:92%; max-width:1230px; height:96px; background:#FFFFFF; position:relative; margin:-48px auto 0 auto; overflow:hidden; z-index:10;}
.bninfo ul{ width:100%; height:58px; margin:19px auto; overflow:hidden;}
.bninfo li{ width:25%; height:100%; float:left; text-align:center; position:relative; overflow:hidden;}
.bniline{ display:block; width:1px; height:100%; background:#eeeeee; font-size:0; text-indent:-99999px; position:absolute; top:0; right:0;}
.bnmkbox{ width:90%; margin-left:10%; overflow:hidden}
.bnmkbox img{ display:inline-block; width:14.5%; float:left;}
.bnmkbox span{ display:inline-block; width:82%; float:right; height:58px; line-height:29px; text-align:left; font-size:18px; color:#888888;  overflow:hidden}

/*banner*/
.syhd{width:100%; height:auto; position:relative; margin:0 auto; z-index:1; overflow:hidden;}
.hdbox{ width:100%; height:auto; position:relative; text-align:center; overflow:hidden;}
.hdpic{ display:block; width:100%; position:relative; text-align:center; z-index:1;}
.hdpic img{ display:inline-block; width:100%; margin:0 auto;}
.sjhdpic{ display:none;}

/*newbanner*/
.syhd .slick-prev{display:block; width:38px; height:71px; font-size:0; background:url(../images/zy.png) 0px 0px no-repeat;  position:absolute; top:45%; left:5%; z-index:99; opacity: 1; cursor:pointer;}
.syhd .slick-next{display:block; width:38px; height:71px; font-size:0; background:url(../images/zy.png) -38px 0px no-repeat;  position:absolute; top:45%; right:5%; z-index:99; opacity: 1; cursor:pointer;}

.syhd .slick-dots{ bottom: 20px; text-align:center; left:0; right:0; margin:auto; overflow:hidden;}
.syhd .slick-dots li {
	position: relative;
	display: inline-block;
	height: 14px;
	width: 14px;
	margin: 0px 10px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}
.syhd .slick-dots li button {
	display:inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7PX;
	background:none;
	border:#FFFFFF 1px solid;	
}
.syhd .slick-dots li.slick-active button {
	background: #FFFFFF;
}



/*f1*/
.f1bg{ width:100%; padding:50px 0; background:#e4f1f9;}
.f1{ width:92%; max-width:1238px; text-align:center; position:relative; margin:0 auto; overflow:hidden}
.f1 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:10px;}
.f1 ul{ width:100%; position:relative; overflow:hidden; display:none;}
.f1 li{ width:33.33%; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.f1box{ width:96%; margin:10px auto 20px auto; position:relative; background:#FFFFFF; overflow:hidden}
.f1mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.f1jia{ display:block; width:62px; height:62px; position:absolute; left:0; right:0; bottom:5%; margin:auto; background:url(../images/jia.png) no-repeat; background-size:cover; overflow:hidden;}
.f1mkcon{ width:90%; height:70%; margin:5% auto; font-size:14px; line-height:180%; color:#FFFFFF; text-align:left; overflow:hidden;}
.f1mkcon span{ display:block; width:100%; font-size:20px; margin-bottom:10px;}
.f1pic{ width:100%; height:0; padding-bottom:80%; position:relative; z-index:1; overflow:hidden;}
.f1pic img{ display:block; width:100%;}
.f1bt{ width:90%; min-height:80px; margin:10px auto; position:relative; z-index:1; text-align:left; overflow:hidden;}
.f1bt h3{ display:block; width:80%; height:70px; line-height:70px; font-size:30px; color:#333333; font-weight:normal; overflow:hidden; z-index:2;}
.f1bt span{ display:block; width:80%; margin-top:5px; overflow:hidden; z-index:2; display:none;}
.f1tag{ display:block; width:62px; height:79px; background:url(../images/f1tag.jpg) no-repeat; background-size:cover; position:absolute; top:0; right:0; z-index:1;}
/*f1-add*/
.f1h3{ display:block; width:100%; height:30px; font-weight:normal; margin-bottom:20px; position:relative;}
.f1h3 i{ display:block; width:460px; height:1px; background:#0175c2; font-size:0; text-indent:-99999px; position:absolute; left:0; top:15px; right:0; margin:auto; z-index:1;}
.f1h3 span{ display:inline-block; padding:0 10px; line-height:30px; font-size:24px; color:#0175c2; background:#e4f1f9; position:relative; z-index:2;}
.f1lb{ width:92%; max-width:1238px; text-align:center; position:relative; margin:0 auto; overflow:hidden}
.f1lb ul{ width:100%; position:relative; overflow:hidden;}
.f1lb li{ width:33.33%; height:0; padding-bottom:20%; float:left; text-align:center; margin-bottom:15px; position:relative; overflow:hidden;}
.f1lbcon{ width:96%; height:100%; position:absolute; left:0; top:0; right:0; margin:auto; background:#FFFFFF; overflow:hidden}
.f1lbcon img{ display:block; width:100%; position:relative; z-index:1; transform: scale(1);-webkit-transform: scale(1); transition: all 0.5s;}
.f1lbcon:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f1lbcon span{ display:block; width:90%; padding:20px 5%; text-align:center; color:#FFFFFF; font-size:20px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.f1lbmore{ width:92%; max-width:1238px; text-align:center; position:relative; margin:20px auto 0 auto; overflow:hidden}
.f1lbmore a{ display:block; width:265px; height:42px; line-height:42px; background:#0175c2; color:#FFFFFF; font-size:16px; margin:0 auto; overflow:hidden; transition: all 0.5s;}
.f1lbmore a:hover{width:280px; letter-spacing:1px;}

/*f2---quxiao*/
.f2{ width:92%; max-width:1238px; text-align:center; position:relative; margin:50px auto; overflow:hidden}
.f2 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:20px;}
.f2 ul{ width:100%; position:relative; overflow:hidden;}
.f2 li{ width:33.33%; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.f2box{ width:96%; margin:10px auto 30px auto; position:relative; background:#eff7fa; overflow:hidden}
.f2mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.f2jia{ display:block; width:62px; height:62px; position:absolute; left:0; right:0; bottom:5%; margin:auto; background:url(../images/jia.png) no-repeat; background-size:cover; overflow:hidden;}
.f2mkcon{ width:90%; height:70%; margin:5% auto; font-size:14px; line-height:180%; color:#FFFFFF; text-align:left; overflow:hidden;}
.f2mkcon span{ display:block; width:100%; font-size:20px; margin-bottom:10px;}
.f2pic{ width:100%; height:0; padding-bottom:64%; position:relative; z-index:1; overflow:hidden;}
.f2pic img{ display:block; width:100%; position:relative; z-index:1;}
.f2tag{ display:block; padding:10px 15px; color:#0075c2; font-size:16px; position:absolute; top:0; left:0; z-index:2; overflow:hidden;}
.f2txt{ width:90%;  margin:20px auto; position:relative; text-align:left; z-index:1; overflow:hidden;}
.f2txt span{ display:inline-block; width:70%; float:left; overflow:hidden}
.f2txt i{ display:inline-block; width:25%; float:right; overflow:hidden}
.f2txt p{ display:block; width:100%; line-height:180%; font-size:16px; margin:10px auto; color:#333333; overflow:hidden}
.f2more{ display:block; width:132px; height:40px; line-height:40px; text-align:center; border:#0075c2 1px solid; font-size:16px; color:#0075c2; margin:20px auto 0 auto; overflow:hidden; transition: all 0.5s;}
.f2more:hover{ background:#0075c2; color:#FFFFFF;}

/*f3*/
.f3bg{ width:100%; padding:40px 0; background:#e4f1f9; position:relative; overflow:hidden;}
.f3{ width:92%; max-width:1220px; text-align:center; position:relative; margin:0 auto; z-index:1; overflow:hidden}
.f3 ul{ width:100%; height:0; padding-bottom:45%; position:relative; overflow:hidden;}
.f3 li{ width:100%; position:absolute; top:0; left:0; background:#e4f1f9; overflow:hidden;}
.f3 .ldpic{ display:block; width:74%; height:0; padding-bottom:45%; position:relative; float:right; z-index:1; overflow:hidden;}
.f3 .ldpic .ldptu{ display:block; width:100%; position:relative; z-index:1;}
.f3 .syvideo{ width:64%; height:310px; position:absolute; right:10px; top:23%; z-index:2; overflow:hidden; cursor:pointer;}
.videomk{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:999999; overflow:hidden; display:none;}
.videobox{ width:96%; margin:8% auto 0 auto; max-width:640px; cursor:pointer; position:relative; z-index:9; overflow:hidden;}
.vdoclose{display:block; width:80px; height:80px; line-height:80px; text-align:center; font-size:70px; font-weight:100; color:#FFFFFF; position:absolute; top:20px; right:20px; cursor:pointer; z-index:10; overflow:hidden; }

.f3 .ldtxt{ display:block; width:51%; height:88%; background:#FFFFFF; text-align:left; position:absolute; left:0; top:6%; z-index:2; overflow:hidden}
.f3 .ldcon{ width:92%; height:92%; margin:4% auto;  position:relative;  overflow-y:auto; }

.ldcon .ldconbt{ display:block; width:100%; font-size:18px; color:#0075c2; margin-bottom:10px;overflow:hidden }
.ldcon .ldconbts{display:block; width:100%; font-weight:normal; font-size:40px; color:#000000; margin:10px auto; overflow:hidden}
.ldbox{ width:100%; line-height:200%; font-size:16px; overflow:hidden;}

.ldmore{ display:block; width:132px; height:40px; line-height:40px; text-align:center; border:#0075c2 1px solid; font-size:16px; color:#0075c2; margin:20px 0; overflow:hidden; transition: all 0.5s;}
.ldmore:hover{ background:#0075c2; color:#FFFFFF;}
.f3cur{ z-index:2;}
.f3ov{ z-index:1;}
.f3pre{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zybtn.png) 0px 0px no-repeat; position:absolute; top:46%; left:10%; z-index:88; cursor:pointer;}
.f3pre:hover{ background-position:0 -71px;}
.f3next{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zybtn.png) -38px 0px no-repeat; position:absolute; top:46%; right:10%; z-index:88; cursor:pointer;}
.f3next:hover{ background-position:-38px -71px;}

.f3page{width:92%; max-width:1220px; text-align:center; position:relative; margin:20px auto 0 auto; z-index:1; overflow:hidden}
.f3page ul{ position:relative; left:50%; float:left;}
.f3page li{ position:relative; right:50%; float:left; margin:0 20px; text-align:center; overflow:hidden; cursor:pointer;}
.f3page li span{ display:inline-block; width:100%; font-size:16px; overflow:hidden;}
.f3page li i{ display:inline-block; width:10px; height:10px; font-size:0; text-indent:-99999px;  border-radius: 5px; overflow:hidden;}
.f3pgcur{color:#0075c2;}
.f3pgcur i{background:#0075c2;}
.f3pgov{color:#afb2b7;}
.f3pgov i{background:#afb2b7;}

/*f4---quxiao*/
.f4{ width:92%; max-width:1238px; text-align:center; position:relative; margin:50px auto; overflow:hidden}
.f4 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:20px;}
.f4 ul{ width:100%; position:relative; overflow:hidden;}
.f4 li{ width:33.33%; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.f4box{ width:96%; margin:10px auto 30px auto; position:relative; background:#FFFFFF; overflow:hidden}
.f4pic{ width:100%; height:0; padding-bottom:41%; overflow:hidden;}
.f4pic img{ display:block; width:100%; position:relative; z-index:1;}
.f4txt{ width:100%; height:336px; text-align:left; overflow:hidden;}
.f4txt span{ display:block; width:100%; height:41px; line-height:41px; font-size:18px; color:#333333; border-bottom:#e7e8ec 1px solid; overflow:hidden;}
.f4txt a{ display:block; width:100%; height:41px; line-height:41px; color:#888888; font-size:14px; border-bottom:#e7e8ec 1px solid; overflow:hidden;}
.f4txt a:hover{ color:#0075c2;}
.f4txt span font{ margin-right:10px; color:#FFFFFF;}
.f4txt a font{ margin-right:10px;}
.f4more{ display:block; width:132px; height:40px; line-height:40px; text-align:center; border:#0075c2 1px solid; font-size:16px; color:#0075c2; margin:20px auto 0 auto; overflow:hidden; transition: all 0.5s;}
.f4more:hover{ background:#0075c2; color:#FFFFFF;}

/*f5*/
.f5{ width:92%; max-width:1200px; text-align:center; position:relative; margin:50px auto; overflow:hidden}
.f5 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:30px;}
.f5l{ width:49.33%; min-height:489px; float:left; position:relative;}
.f5ltxt{ width:92%; min-height:300px; line-height:200%; font-size:18px; color:#333333; text-align:left; position:relative; margin-top:10px; text-align:justify; overflow:hidden}
.f5linfo{ width:100%; margin-top:10px; position:relative; overflow:hidden;}
.f5linfo li{ width:25%; float:left; position:relative; text-align:center; overflow:hidden;}
.f5lcle{ width:60%; height:0; padding-bottom:60%; border-radius: 60%; margin:0 auto; position:relative; background:#0175c2; color:#FFFFFF; overflow:hidden}
.f5lcle p{ margin-top:30%;}
.f5lcle span{font-size:1.5vw;}
.f5lcle i{font-size:1.5vw;}
.f5ltag{ width:80%; margin:10px auto; position:relative; overflow:hidden}

.f5r{ width:49.33%; float:right; position:relative; overflow:hidden;}
.f5r img{ display:block; max-width:100%; position:relative; z-index:1; transform: scale(1);-webkit-transform: scale(1); transition: all 0.5s;}
.f5r:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f5r span{ display:block; width:90%; padding:12px 5%; text-align:center; color:#FFFFFF; font-size:20px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.f5box{ width:100%; position:relative; margin:20px auto; overflow:hidden;}
.f5box li{ width:24%; float:left; position:relative; overflow:hidden;}
.f5br{ margin-right:1.33%;}
.f5box li img{ display:block; width:100%; position:relative; z-index:1; transform: scale(1);-webkit-transform: scale(1); transition: all 0.5s;}
.f5box li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f5box li span{ display:block; width:90%; padding:12px 5%; text-align:center; color:#FFFFFF; font-size:20px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}

/*f6*/
.f6bg{ width:100%; padding:50px 0; background:#e4f1f9;}
.f6{ width:92%; max-width:1220px; text-align:center; position:relative; margin:0 auto; overflow:hidden}
.f6 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:30px;}
.f6box{ width:100%; position:relative; overflow:hidden;}
.f6l{ width:68%; float:left; position:relative; overflow:hidden;}
.f6l img{ display:block; width:100%;}
.f6r{ width:28%; float:right; position:relative; overflow:hidden;}
.f6r ul{ width:50%; position:relative; padding-top:20%;}
.f6r li{ width:100%; height:0; padding-bottom:100%; border-radius: 100%; margin:20% auto 30% auto; border:#c4d5dd 1px solid;}
.f6r li article{ margin-top:15%;}
.f6r li span{ display:inline-block; font-size:50px; color:#000000;}
.f6r li i{ display:inline-block; font-size:1.2vw; color:#000000;}
.f6r li p{ font-size:1.1vw; color:#000000; margin-top:5px;}

/*f6fb*/
.f6rfb{ width:26%; float:right; position:relative; margin-top:20%; overflow:hidden;}
.f6rfb dl{ width:100%; text-align:left;}
.f6rfb dt{ width:100%; position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:#000000 1px solid; overflow:hidden;}
.f6rfb dt span{ font-size:50px; color:#000000;}
.f6rfb dt i{ font-size:1.2vw; color:#000000;}
.f6rfb dd{ width:100%; position:relative; font-size:1.1vw; color:#000000; overflow:hidden;}
/*f6fbover*/

/*f7*/
.f7{ width:92%; max-width:1220px; text-align:center; position:relative; margin:50px auto 20px auto; overflow:hidden}
.f7 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:30px;}
.f7box{ width:100%; position:relative; overflow:hidden;}
.f7box img{ display:block; width:100%;}
.f7cp{ width:100%; position:relative; margin:18px auto; overflow:hidden;}
.f7cp dl{ width:15.7%; float:left; position:relative; margin-bottom:20px; overflow:hidden;}
.f7mr{ margin-right:1.12%;}
.f7cp dt{ border-top:#c9c9c9 1px solid; border-left:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; height:0; padding-bottom:143%; position:relative; overflow:hidden;}
.f7cp dt img{ display:block; width:100%;}
.f7cp dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f7cp dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}

/*f8*/
.f8{ width:92%; max-width:1220px; margin:0 auto; position:relative; overflow:hidden;}
.f8 dl{ width:19%; float:left; position:relative; margin-bottom:20px; overflow:hidden;}
.f8mr{ margin-right:1.25%;}
.f8 dt{ border-top:#0075c2 1px solid; border-left:#0075c2 1px solid; border-right:#0075c2 1px solid; height:0; padding-bottom:120%; position:relative; z-index:1; overflow:hidden;}
.f8 dt img{ display:block; max-width:100%;}
.f8 dd{ width:100%; height:60px; padding:5px 0; background:#0075c2; text-align:center; color:#FFFFFF; font-size:16px; position:relative; z-index:1; overflow:hidden;}
.f8 dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}
.f8mk{ width:100%; height:100%; background:rgba(0,105,185,0.8); text-align:center; color:#FFFFFF; position:absolute; left:0; top:0; z-index:2; overflow:hidden; opacity:1; transition: all 0.5s;}
.f8mk:hover{opacity:0;}
.f8mk p{display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); font-size:24px; overflow:hidden;}
.f8mk p span{ font-size:30px; font-family:Arial;}

/*f12*/
.f12{ width:92%; max-width:1220px; margin:30px auto 50px auto; text-align:center; position:relative; overflow:hidden;}
.f12 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:50px;}
.f12al{ width:100%; position:relative; padding-bottom:50px; overflow:hidden;}
.f12al .f12box{ max-width:100%; position:relative; z-index:1;}
.f12al .f12box .f12pic{ width:36.5%; float:left; position:relative; text-align:center; overflow:hidden;}
.f12al .f12box .f12pic img{ display:inline-block; max-width:77%; margin:0 auto;}
.f12al .f12box .f12r{ width:59.5%; float:left; position:relative; text-align:left; overflow:hidden}
.f12al .f12box .f12r .f12bt{ width:100%; font-size:26px; color:#0068b7; margin-bottom:10px;}
.f12al .f12box .f12r .f12txt{ width:100%; font-size:20px; line-height:200%; text-align:justify; overflow:hidden}

.f12al .slick-dots{bottom: 0px;}
.f12al .slick-dots li {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0px 20px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}
.f12al .slick-dots li button {
	display:inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background:#b5b5b7;
}
.f12al .slick-dots li.slick-active button {
	background: #0067b6;
	width: 10px;
	height: 10px;
	margin:0 auto 0 auto;
}

/*f9*/
.f9{ width:92%; max-width:1220px; text-align:center; position:relative; margin:50px auto; overflow:hidden}
.f9 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:30px;}
.f9box{ width:100%; position:relative; overflow:hidden;}
.f9l{ width:65%; position:relative; float:left; overflow:hidden;}
.f9tag{ width:100%; position:relative; margin-bottom:20px; overflow:hidden;}
.f9tag span{ display:inline-block; font-size:26px; font-weight:bold; float:left;}
.f9tag a{ display:block; width:88px; height:28px; line-height:28px; border:#0075c2 1px solid; color:#0075c2; text-align:center; float:right; overflow:hidden; transition: all 0.5s;}
.f9tag a:hover{ background:#0075c2; color:#FFFFFF;}
.f9l dl{ width:100%; padding:12px 0; border-bottom:#e5e5e5 1px solid; position:relative; overflow:hidden;}
.f9l dt{ width:15%; float:left; overflow:hidden;}
.f9l dt img{ max-width:100%;}
.f9l dd{ width:83%; position:relative; float:right; text-align:left; overflow:hidden;}
.f9bt{ width:100%; height:22px; line-height:22px; font-size:20px; color:#333333; overflow:hidden;}
.f9txt{ width:100%; height:36px; line-height:18px; margin:8px auto 2px auto; font-size:14px; color:#aaaaaa; overflow:hidden;}
.f9rq{ width:100%; color:#aaaaaa; font-size:12px; overflow:hidden}

.f9r{ width:32%; position:relative; float:right; overflow:hidden;}
.f9r ul{ width:100%; position:relative; overflow:hidden;}
.f9r li{ width:100%; height:40px; line-height:40px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.f9r li a{ display:block; width:78%; color:#aaaaaa; float:left; text-align:left; overflow:hidden}
.f9r li i{ display:block; width:21%; float:right; color:#aaaaaa; font-size:12px; overflow:hidden}

/*f10*/
.f10bg{ width:100%; background:#142e5f; padding:38px 0 10px 0; position:relative; margin-bottom:-20px; overflow:hidden;}
.f10{ width:92%; max-width:1220px; text-align:center; position:relative; margin:0 auto; overflow:hidden}
.f10 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#FFFFFF; margin-bottom:30px;}
.f10 ul{ width:100%; position:relative; overflow:hidden;}
.f10 li{ width:14.5%; float:left; position:relative; margin-bottom:28px; overflow:hidden}
.f10 li img{ display:block; max-width:100%;}
.f10r{ margin-right:2.6%;}

/*f11*/
.f11{ width:92%; max-width:1220px; text-align:center; position:relative; margin:0 auto 50px auto; overflow:hidden}
.f11 h2{ display:block; width:100%; font-weight:normal; font-size:40px; color:#0175c2; margin-bottom:30px;}
.f11box{ width:100%; position:relative; overflow:hidden;}
.f11l{ width:36%; position:relative; float:left; overflow:hidden;}
.f11l img{ display:block; width:100%;}

.f11r{ width:60%; position:relative; float:right; overflow:hidden;}
.f11r ul{ width:100%; position:relative; overflow:hidden;}
.f11r li{ width:100%; height:46px; line-height:46px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.f11r li a{ display:block; width:78%; color:#333333; float:left; text-align:left; font-size:18px; overflow:hidden}
.f11r li a:hover{ color:#0175c2;}
.f11r li i{ display:block; width:21%; float:right; color:#aaaaaa; font-size:16px; overflow:hidden}
/*f11-over*/

/*lbn*/
.lbn{width:100%; height:0; padding-bottom:19.5%; margin:106px auto 0 auto; position:relative; overflow:hidden; }
.lbnbox{ width:92%; max-width:1200px; height:100%; text-align:center; position:absolute; left:0; top:0; right:0; margin:auto; overflow:hidden;}
.lbnbox p{ display:block; width:100%; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto;}
.lbnysa{ display:block; width:100%; font-size:50px; color:#FFFFFF; font-weight:bold; overflow:hidden;}
.lbnysb{ display:block; width:100%; line-height:200%; font-size:22px; color:#FFFFFF; margin:1% auto 3% auto; overflow:hidden;}
.lbnbox .lbnysc{ display:block; width:260px; height:36px; line-height:36px; border:#FFFFFF 1px solid; border-radius: 18px; font-size:22px; color:#FFFFFF; margin:0 auto; overflow:hidden;}

/*ldh*/
.ldh{ width:92%; max-width:1200px; text-align:left; font-size:16px; position:relative; margin:2% auto 20px auto; border-bottom:#999999 1px solid; overflow:hidden;}
.ldh a{ font-size:16px;}
.ldh a:hover{ color:#0075c2;}
.ldhl{ width:34%; float:left; line-height:220%; overflow:hidden; }
.ldhr{ width:65%; float:right; text-align:right; overflow:hidden;}
.ldhr a{ display:inline-block; margin:0 2%; padding-bottom:6px; padding-top:8px; overflow:hidden}
.ldhr a:hover{border-bottom:#0075c2 2px solid;}
.ldhrov{border-bottom:#FFFFFF 2px solid;}
.ldhrcur{border-bottom:#0075c2 2px solid;}

/*danye*/
.df1{ width:92%; max-width:1200px; text-align:left; font-size:16px; line-height:200%; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.df1 img{ max-width:100%;}

/*yimao-over*/
.lf1{ width:92%; max-width:1290px; text-align:left; position:relative; margin:0 auto 65px auto; overflow:hidden; }
.lf1 h2{ display:block; width:100%;font-weight:normal; font-size:34px; color:#0175c2; margin-bottom:20px;}
.lf1 p{ display:block; width:100%; font-size:16px; line-height:200%; overflow:hidden;}

.lf2bg{ width:100%; padding:5% 0; background:#f0f0f0; position:relative; overflow:hidden;}
.lf2{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.lf2 dl{ width:100%; margin-bottom:40px; background:#FFFFFF; overflow:hidden;}
.lf2 dt{ width:50%; float:right; overflow:hidden}
.lf2 dt img{ display:block; width:100%;}

.lf2 dd{ width:50%; float:left; overflow:hidden}
.lf2box{ width:82%; margin:5% auto; overflow:hidden;}
.lf2box .lf2tag{ display:block; width:54px; float:left;}
.lf2box span{display:block; width:86%; float:right; font-size:30px; color:#333333; overflow:hidden; }
.lf2box i{display:block; width:86%; float:right; font-size:16px; color:#333333;  overflow:hidden; }
.lf2box p{display:block; width:100%; margin-top:5%; font-size:16px; line-height:200%; overflow:hidden }

/*yimao-new*/
.lf3{ width:92%; max-width:1216px; position:relative; margin:0 auto; overflow:hidden; }
.lf3 h2{ display:block; width:90%; font-weight:normal; font-size:34px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.lf3 ul{ width:100%; margin-top:1%; overflow:hidden;}
.lf3 li{ width:33.33%; float:left; position:relative; overflow:hidden;}
.lf3box{ width:96%; height:0; padding-bottom:77%; margin:19px auto; position:relative; overflow:hidden; cursor:pointer;}
.lf3pic{ width:100%; position:relative; z-index:1; overflow:hidden}
.lf3pic img{ display:block; width:100%;}
.lf3bt{ width:96%; padding:15px 2%; background:#0075c2; color:#FFFFFF; font-size:20px; text-align:center; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.lf3mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.lf3mkcon{ width:90%; height:90%; margin:5% auto; padding:0 3%; font-size:16px; line-height:180%; color:#FFFFFF; text-align:left; overflow-y:auto;}
.lf3mkcon::-webkit-scrollbar {
  width: 4px;
  background-color: #cccccc;
}
.lf3mkcon h2{ display:block; width:100%; color:#FFFFFF; font-size:22px; text-align:left; font-weight:normal; margin-bottom:10px; overflow:hidden;}
.lf5{ width:92%; max-width:1200px;  position:relative; margin:0 auto; overflow:hidden; }
.lf5 h2{ display:block; width:100%; font-weight:normal; font-size:34px; color:#0175c2; text-align:center; margin:0 auto 1% auto; overflow:hidden}
.lf5box{ width:100%; text-align:left; font-size:16px; line-height:200%; overflow:hidden;}
.lf5box img{ max-width:100%;}

.lf6{ width:92%; max-width:1216px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.lf6 ul{ width:100%; overflow:hidden;}
.lf6 li{ width:50%; float:left; position:relative; overflow:hidden;}
.lf6box{ width:97.5%; height:0; padding-bottom:50%; margin:6px auto; position:relative; overflow:hidden; cursor:pointer; }
.lf6pic{ width:100%; position:relative; z-index:1; overflow:hidden}
.lf6pic img{ display:block; width:100%;}
.lf6bt{ width:96%; padding:15px 2%; background:#0075c2; color:#FFFFFF; font-size:20px; text-align:center; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.lf6mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.lf6mkcon{ width:90%; height:90%; margin:5% auto; font-size:16px; line-height:180%; color:#FFFFFF; text-align:left; overflow-y:auto;}
.lf6mkcon::-webkit-scrollbar {
  width: 4px;
  background-color: #cccccc;
}
.lf6mkcon h2{ display:block; width:100%; color:#FFFFFF; font-size:22px; text-align:left; font-weight:normal; margin-bottom:10px; overflow:hidden;}
.lf6mkcon a{ display:block; width:100%; height:100%; font-size:16px; color:#FFFFFF; overflow:hidden; }
.lf3mkcon a{font-size:16px; color:#FFFFFF;}


/*about--over*/
.af1bg{ width:100%; padding:2% 0; position:relative; overflow:hidden;}
.af1{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.af1pic{ width:37%; overflow:hidden}
.af1pic img{ display:block; width:100%;}
.af1box{ width:50%; overflow:hidden;}
.aml6{ margin-left:6%;}
.af1box h2{ display:block; width:100%;font-weight:normal; font-size:34px; color:#0175c2; margin-bottom:3%; margin-top:3%;}
.af1box h3{ display:block; width:100%;font-weight:normal; font-size:34px; color:#0175c2; margin-bottom:2%;}
.af1con{ width:100%; font-size:16px; line-height:200%; overflow:hidden;}
.bgqhui{ background:#f0f0f0;}


.af3bg{ width:100%; padding:3% 0; position:relative; background:#efefef; overflow:hidden;}
.af3{ width:92%; max-width:1238px; position:relative; margin:0 auto; overflow:hidden; }
.af3 h2{ display:block; width:100%; font-weight:normal; font-size:34px; color:#0175c2; margin-bottom:3%; text-align:center;}
.af3 ul{ width:100%; position:relative;  overflow:hidden;}
.af3 li{ width:33.33%; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.af3box{ width:92%; margin:0 auto; position:relative; background:#FFFFFF; overflow:hidden}
.af3pic{ width:100%; height:0; padding-bottom:88%; position:relative; overflow:hidden}
.af3pic img{ display:block; width:100%; position:relative; z-index:1;}
.af3picbt{ display:block; width:96%; padding:2%; background:rgba(51,145,205,0.8); text-align:center; color:#FFFFFF; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.af3picbt span{ font-size:20px}
.af3txt{ width:90%; min-height:80px; margin:5% auto; text-align:left; position:relative; overflow:hidden}
.af3txt span{ display:block; width:80%; font-size:16px; line-height:160%; position:relative; z-index:2; overflow:hidden}
.af3txt i{ display:block; width:62px; height:79px; background:url(../images/f1tag.jpg) no-repeat; background-size:cover; position:absolute; top:0; right:0; z-index:1;}
.af3pre{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zybtn.png) 0px 0px no-repeat; position:absolute; top:46%; left:5%; z-index:88; cursor:pointer;}
.af3pre:hover{ background-position:0 -71px;}
.af3next{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zybtn.png) -38px 0px no-repeat; position:absolute; top:46%; right:5%; z-index:88; cursor:pointer;}
.af3next:hover{ background-position:-38px -71px;}

.af4{ width:92%; max-width:1200px; position:relative; margin:3% auto; overflow:hidden; }
.af4 h2{ display:block; width:100%; font-weight:normal; font-size:34px; color:#0175c2; margin-bottom:3%; text-align:center;}
.af4l{ width:35%; float:left; text-align:center; overflow:hidden;}
.af4l img{ display:block; max-width:100%; margin:0 auto;}
.af4r{ width:53%; height:476px; float:right; font-size:16px; line-height:200%; overflow-y:auto;}



/*about--new*/
.af6{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.af6l{ width:75%; float:left; padding-right:2%; border-right:#cacaca 1px dashed; overflow:hidden}
.af6lbn{width:100%; max-width:1200px; min-height:282px; margin:0 auto; overflow:hidden; }
.af6lbn h2{ display:block; width:92%;  font-size:34px; color:#FFFFFF; font-weight:normal; text-align:right; margin:30px auto 5px auto; overflow:hidden;}
.af6lbn p{ display:block; width:92%;  font-size:20px; color:#FFFFFF; text-align:right; margin:0 auto; overflow:hidden;}
.af6lbox{ width:100%; margin:40px auto; text-align:left; font-size:16px; line-height:200%; overflow:hidden;}
.af6lbox img{ max-width:100%;}
.af6r{ width:21%; float:right; position:relative; overflow:hidden;}
.af6r .af6rbox{ width:100%; position:relative; margin-bottom:10px; overflow:hidden;}
.af6rbox img{ display:block; width:100%; position:relative; z-index:1;}
.af6rmk{ width:96%; height:96%; padding:2%;  text-align:center; position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
.af6rmk span{ display:inline-block; font-size:24px; color:#FFFFFF; margin:25% auto; }
.af6rmkb{ width:96%; height:96%; padding:2%;  text-align:center; position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
.af6rmkb span{ display:inline-block; font-size:24px; color:#FFFFFF; margin:25% auto; }
/*about--leader*/
.af2{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.af2 .af2pic{ display:block; width:100%; float:right; position:relative; z-index:1;}
.af2box{ width:61%; height:90%;  position:absolute; left:0; top:5%; z-index:2; overflow:hidden;}
.af2con{ width:90%; padding:0 2%; height:100%; margin:0 auto; overflow-y:auto;}
.af2con h2{ display:block; width:100%;font-weight:normal; font-size:34px; color:#FFFFFF; margin-bottom:10px; }
.af2con .af2txt{display:table-cell; width:100%; height:620px; vertical-align:middle; font-size:14px; line-height:190%; color:#ffffff; overflow:hidden;}
/*about--FAZHAN*/
.af5bg{ width:100%; margin:0 auto 30px auto; position:relative; overflow:hidden;}
.af5{ width:92%; max-width:1238px; position:relative; margin:0 auto; overflow:hidden; }
.af5 h2{ display:block; width:92%; font-weight:normal; font-size:34px; color:#0175c2; margin:0 auto 20px auto; text-align:center;}

.af5 ul{ width:100%; position:relative;  overflow:hidden;}
.af5 li{ width:33.33%; float:left; text-align:center; cursor:pointer; overflow:hidden;}
.af5box{ width:96%; min-height:300px; margin:0 auto; text-align:left; font-size:16px; line-height:180%; position:relative; }
.af5pic{ width:100%; height:0; padding-bottom:63%; margin-bottom:20px; overflow:hidden}
.af5pic img{ display:block; width:100%;}
.af5ysa{ display:block; width:100%; font-size:20px; color:#0175c2; margin-bottom:20px; overflow:hidden}

.af5pre{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/rybtn.png) 0px 0px no-repeat; position:absolute; top:46%; left:10%; z-index:88; cursor:pointer;}
.af5pre:hover{ background-position:0 -71px;}
.af5next{display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/rybtn.png) -38px 0px no-repeat; position:absolute; top:46%; right:10%; z-index:88; cursor:pointer;}
.af5next:hover{ background-position:-38px -71px;}

.af9{ width:100%; max-width:1200px; position:relative; font-size:16px; line-height:180%; margin:10px auto 30px auto; overflow:hidden; }
.af9 img{ max-width:100%;}

/*fazhan--new*/
.af10{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.af10 dl{ width:100%; position:relative; overflow:hidden;}
.af10 dt{ width:12%; padding-right:4%; padding-top:30px; float:left; position:relative;}
.af10 dt h2{font-size:30px; color:#0074c1;}
.af10 .zf10ys{ display:none;}
.af10 dd{ width:78%; padding-left:4%; float:right; border-left:#dddddd 1px solid; position:relative; }
.af10 .zf10y{ display:block; width:10px; height:10px; background:#0074c1; border-radius: 5px; z-index:2; position:absolute; left:-5px; top:42px; overflow:hidden}
.af10box{ width:100%; border-bottom:#dddddd 1px dashed; padding:30px 0; position:relative; z-index:1; overflow:hidden;}
.af10txt{ width:55%; margin-left:2%; float:left; overflow:hidden}
.af10txt h2{ display:block; width:100%; font-size:30px; color:#0074c1; font-weight:normal; overflow:hidden;}
.af10con{ width:100%; font-size:16px; line-height:180%; margin-top:10px; overflow:hidden;}

.af10pic{ width:38%; float:right; text-align:right; overflow:hidden;}
.af10pic img{ max-width:100%;}

/*about--rongyu*/
.af7{ width:92%; max-width:1200px; font-size:16px; line-height:180%; position:relative; margin:0 auto; overflow:hidden; }
.af7 img{ max-width:100%;}
.af8{ width:92%; max-width:1238px; position:relative; margin:2% auto; overflow:hidden; }
.af8 li{ width:33.33%; float:left; margin-bottom:20px; overflow:hidden;}
.af8pic{ width:96%; height:215px; padding:35px 0; background:#eff7fa; margin:0 auto; overflow:hidden;}
.af8pic img{ display:block; height:100%; margin:0 auto;}
.af8bt{ width:96%; margin:10px auto; height:50px; line-height:25px; text-align:center; font-size:16px; overflow:hidden; }

/*about--safe*/
.sfbox{ width:75%; float:left; padding-right:2%; position:relative; border-right:#cacaca 1px dashed; overflow:hidden;}
.sfpre{ display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) 0px 0px no-repeat; position:absolute; top:35%; left:5%; z-index:2; cursor:pointer;}
.sfnext{ display:block; width:38px; height:71px; font-size:0; text-indent:-99999px; background:url(../images/zy.png) -38px 0px no-repeat; position:absolute; top:35%; right:5%; z-index:2; cursor:pointer;}

.sfcon{ width:100%; height:520px; position:relative; z-index:1; overflow:hidden;}
.sfcon li{ width:100%; position:absolute; left:0; top:0; overflow:hidden}
.sfcon li img{ display:block; width:100%;}
.sfhdcur{ z-index:2;}
.sfhdov{ z-index:1;}
.sfpage{ width:92%; height:30px; line-height:30px; padding:0 4%; position:absolute; left:0; bottom:0; z-index:9; color:#FFFFFF; display:none;}
.sfpage ul{ width:100%; text-align:center; overflow:hidden;}
.sfpage li{ display:inline-block; width:10px; height:10px;  border-radius: 5px; margin:0 1%; font-size:0; text-indent:-99999px; cursor:pointer; overflow:hidden}
.sfpcur{background:#e43808;}
.sfpov{background:#FFFFFF;}
/*about--vide*/
.video{ width:100%; cursor:pointer; margin-top:20px; overflow:hidden}


/*new*/
.nf1{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.nf1l{width:75%; float:left; padding-right:2%; border-right:#cacaca 1px dashed; overflow:hidden}
.nf1box{ width:100%; position:relative; overflow:hidden}
.nf1box dl{ width:100%; border-bottom:#c9c9c9 1px dashed; padding:5px 0; overflow:hidden}
.nf1box dt{ width:17%; height:0; padding-bottom:11%;float:left; overflow:hidden;}
.nf1box dt img{ display:block; width:100%;}
.nf1box dd{ width:80%; float:right; overflow:hidden;}
.nf1bt{ display:block; width:100%; font-size:18px; min-height:66px; color:#000000; overflow:hidden}
.nf1bt:hover{color:#0175c2;}
.nf1time{display:block; width:100%; margin:16px auto; overflow:hidden}
.nf1more{ width:100%; height:50px; max-width:1200px; background:#e6e6e6; position:relative; margin:38px auto; cursor:pointer; overflow:hidden; }
.nf1more i{ display:block; width:49px; height:16px; background:url(../images/newmore.png) no-repeat; margin:17px auto; overflow:hidden}
/*newnr*/
.nf2{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.nf2con{width:75%; float:left; padding-right:2%; border-right:#cacaca 1px dashed; overflow:hidden}
.nf2bt{ width:100%; font-size:24px; color:#000000; font-weight:bold; text-align:center; overflow:hidden;}
.nf2time{ width:100%; margin:10px auto 30px auto; text-align:center; overflow:hidden;}
.nf2box{ width:100%; min-height:500%; line-height:180%; margin-bottom:30px; font-size:16px; overflow:hidden;}
.nf2box img{ display:block; min-width:512px; max-width:512px; margin:0 auto;}
.nf2page{ width:100%; height:30px; line-height:30px; margin-bottom:30px; overflow:hidden;}
.nf2pl{ width:49%; float:left;overflow:hidden;}
.nf2pr{ width:49%; float:right;overflow:hidden;}

/*lianxi*/
.lf1{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.lf1map{ width:100%; margin-bottom:0; overflow:hidden}
#map{ width:100%;height:450px;}
.lf1box{ width:96%; padding:2%; background:#eff7fa; text-align:left; font-size:16px; line-height:200%; color:#000000;  overflow:hidden}
.lf1box img{ max-width:100%;}
.lf1l{ width:68%; float:left;  overflow:hidden}
.lf1l img{ max-width:100%;}
.lf1wx{ width:103px; float:right; overflow:hidden}
.lf1wx img{ display:block; width:100%;}
.lf1wx span{ display:block; width:100%; height:30px; line-height:30px; text-align:center; font-size:12px; color:#000000; overflow:hidden;}

/*job*/
.jf1{ width:100%; min-height:380px; max-width:1200px; background:url(../images/jobbg.jpg) center right no-repeat; background-size:cover; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.jf1box{ width:92%; margin:2% auto; position:relative; overflow-y:auto;}
.jf1 h2{ display:block; width:100%; font-size:30px; font-weight:normal; color:#FFFFFF; margin:1% auto; overflow:hidden;}
.jf1 .jf1con{ display:block; width:100%; color:#FFFFFF; line-height:220%; font-size:16px; overflow:hidden}

.jf2{ width:100%; max-width:1200px; position:relative; margin:20px auto; overflow:hidden; }
.jf2 dl{ border:#f2f2f2 1px solid; margin-bottom:35px; overflow:hidden}
.jf2 dt{ width:92%; margin:20px auto; font-size:16px; line-height:180%; color:#a8a8a8; overflow:hidden}
.jf2 dt h2{ display:block; width:100%; font-size:22px; font-weight:normal; color:#0175c2; margin-bottom:5px; overflow:hidden}
.jf2 dd{ width:100%; margin:0 auto; font-size:16px; line-height:220%; overflow:hidden;}
.jf2box{ width:92%; padding:0 4%; position:relative; overflow:hidden; display:none;}
.jf2tag{ width:100%; height:36px; border-top:#d4d4d4 1px dashed; cursor:pointer; margin-top:10px; background:#e6e6e6; overflow:hidden; }
.jf2tag i{ display:block; width:49px; height:16.5px; background:url(../images/jobtag.png) 0px 0px no-repeat; background-size:cover; margin:10px auto; overflow:hidden}

/*team*/
.tf1bg{width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.tf1{  width:75%; float:left; padding-right:2%; border-right:#cacaca 1px dashed; overflow:hidden }
.tf1 li{ width:33.33%; float:left; text-align:center;  overflow:hidden;}
.tf1box{ width:96%; height:0; padding-bottom:115%; margin:16px auto; position:relative; overflow:hidden}
.tf1pic{ width:100%; position:relative; z-index:1; overflow:hidden}
.tf1pic img{ display:block; width:100%;}
.tf1txt{ width:92%; padding:10px 4%; background:#0075c2; text-align:left; color:#FFFFFF; font-size:16px; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden;}
.tf1txt h2{ display:block; width:80%; font-weight:normal; font-size:20px; margin:0 0 2px 0; overflow:hidden}
.tf1txt span{ display:block; width:80%; font-size:14px; overflow:hidden;}
.tf1txt i{ display:block; width:41px; height:51px; background:url(../images/joblogo.jpg) no-repeat; background-size:cover; position:absolute; right:5%; top:10px; z-index:1 overflow:hidden}
.tf1mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.tf1jia{ display:block; width:62px; height:62px; position:absolute; left:0; right:0; bottom:5%; margin:auto; background:url(../images/jia.png) no-repeat; background-size:cover; overflow:hidden;}
.tf1mkcon{ width:90%; height:70%; margin:5% auto; font-size:14px; line-height:180%; color:#FFFFFF; text-align:left; overflow:hidden; }
.tf1mkcon h2{ display:block;  font-weight:normal; margin-bottom:0; font-size:20px;}
.tf1mkcon span{ font-size:14px;}
.tf1more{ width:100%; height:50px; line-height:50px; max-width:1200px; background:#e6e6e6; position:relative; margin:38px auto; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; }
.tf1more i{ display:block; width:49px; height:16.5px; background:url(../images/jobtag.png) 0px 0px no-repeat; background-size:cover; margin:17px auto; overflow:hidden}
/*teamnr*/
.tf2{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
.tf2pic{ width:31%; float:left; overflow:hidden;}
.tf2pic img{ display:block; width:100%;}
.tf2r{ width:69%; float:left; background:#0075c2; background-image:url(../images/tmnrbg.jpg); background-size:cover; position:relative; overflow:hidden}
.tf2box{ width:92%; height:90%; margin:3% auto 7% auto; color:#FFFFFF; text-align:left; position:relative; z-index:1; overflow-y:auto; }

.tf2bt{ width:90%; margin-bottom:25px; overflow:hidden}
.tf2bt span{ font-size:20px; margin-right:20px;}
.tf2bt i{ font-size:14px;}
.tf2con{ width:90%; line-height:200%; font-size:14px; overflow:hidden}
.tf2con img{ max-width:100%;}
.tf2rfh{ display:block; width:50px; height:26px; line-height:26px; color:#FFFFFF; font-size:16px; position:absolute; right:6%; bottom:25px; z-index:2; overflow:hidden}

.page{width:100%; max-width:1200px; margin:0 auto 2%; text-align:center; position:relative; overflow:hidden;}
.page ul{ position:relative; float:left; left:50%;}
.page li{ position:relative; right:50%; float:left; margin:0 5px; padding:0 5px; overflow:hidden}
.thisclass a{ color:#007db8;}

.shpage{width:100%; max-width:1200px; margin:0 auto 2%; text-align:center; position:relative; overflow:hidden;}
.shpage table{ margin:0 auto;}
.shpage td{ padding:0 5px; font-size:14px;}
.shpage td a{font-size:14px;}
.shcur{color:#007db8;}

/*biaozun*/
.bf1{ width:92%; max-width:1216px; position:relative; margin:0 auto 20px auto; overflow:hidden; }
.bf1 h2{ display:block; width:90%; font-weight:normal; font-size:34px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.bf1 ul{ width:100%; margin-top:1%; overflow:hidden;}
.bf1 li{ width:25%; float:left; position:relative; overflow:hidden;}
.bf1box{ width:96%; height:0; padding-bottom:106%; margin:19px auto; position:relative; overflow:hidden;}
.bf1pic{ width:100%; position:relative; z-index:1; overflow:hidden}
.bf1pic img{ display:block; width:100%;}
.bf1bt{ width:96%; padding:15px 2%; background:#0075c2; color:#FFFFFF; font-size:20px; text-align:center; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.bf1mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden;}
.bf1mkcon{ width:90%; height:90%; margin:5% auto; padding:0 3%; font-size:14px; line-height:160%; color:#FFFFFF; text-align:left; overflow-y:auto;}
.bf1mkcon::-webkit-scrollbar {
  width: 4px;
  background-color: #cccccc;
}
.bf1mkcon a{ font-size:14px;}
.bf1mkcon h2{ display:block; width:100%; color:#FFFFFF; font-size:20px; text-align:left; font-weight:normal; margin-bottom:10px; overflow:hidden;}

/*jiance--newadd*/
.of1{ width:92%; max-width:1200px; position:relative; margin:1% auto 2% auto; overflow:hidden;}
.of1pd20{margin:1% auto!important;}
.of1pd20 dl{padding-bottom:25%!important;}
.of1pd20 .of1boxb{margin:0 auto 4% auto!important;}
.of1 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.of1box{ width:100%; margin:1% auto; position:relative; font-size:20px; color:#333333; line-height:180%; text-align:justify; overflow:hidden;}
.of1box img{ max-width:100%;}
.of1boxb{ width:100%; margin:1% auto; position:relative; overflow:hidden;}
.of1boxb dl{ width:49.5%; height:0; padding-bottom:31.6%; float:left; position:relative; overflow:hidden; transform: scale(1);-webkit-transform: scale(1); }
.of1boxb dl:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.of1boxb dl:hover dd{background:rgba(0,105,183,0.6);}
.ofbmr{ margin-right:1%;}
.of1boxb dt{ width:100%; position:relative; z-index:1; margin-top:16px; overflow:hidden;}
.of1boxb dt img{ max-width:100%; transition: all 0.5s;}
.of1boxb dd{ width:100%; position:absolute; left:0; bottom:0; padding:12px 0; background:rgba(0,0,0,0.6); text-align:center; z-index:2; overflow:hidden; transition: all 0.5s;}
.of1boxb dd span{ display:inline-block; width:96%; margin:0 auto; font-size:22px; color:#FFFFFF; overflow:hidden;}

.of2bg{ width:100%; position:relative; margin:0 auto 2% auto; padding:2% 0;  overflow:hidden;}
.of2bga{background:#e4f1f9;}
.of2{ width:92%; max-width:1220px; position:relative; margin:0 auto; overflow:hidden;}
.of2 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.of2box{width:100%; margin:1% auto; position:relative; }
.of2box dl{ width:32%; float:left; position:relative; top:0; margin:10px 0.65%; overflow:hidden; transition: all 0.5s; }
.of2box dl:hover{top:-10px; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.08);}
.of2box dt{ width:100%; height:0; padding-bottom:75%; position:relative; z-index:1; overflow:hidden;}
.of2box dt img{ max-width:100%; transition: all 0.5s;}
.of2box dd{ width:92%; position:relative;  padding:12px 4%; background:#FFFFFF; text-align:center; z-index:2; overflow:hidden; transition: all 0.5s;}
.of2box dd span{ display:block; width:100%; height:48px; line-height:48px; margin:0 auto; font-size:22px; color:#0175c2; text-align:center; overflow:hidden;transition: all 0.5s;}
.of2box dd p{ display:block; width:100%; height:90px; line-height:30px; margin:0 auto; font-size:18px; color:#333333; text-align:left; overflow:hidden;transition: all 0.5s;}
.of2zixun{ display:block; width:260px; padding:10px 10px; text-align:center; color:#FFFFFF; font-size:18px; background:#0075c2; margin:2% auto 0 auto; overflow:hidden;}

.of2boxb{width:100%; margin:3% auto 0 auto; position:relative; overflow:hidden; }
.of2boxb dl{ width:11.5%; float:left; position:relative; overflow:hidden;}
.of2bmr{ padding-right:6.2%;}
.of2boxb dt{ width:100%; height:0; padding-bottom:100%; position:relative; z-index:1; margin-top:16px;}
.of2boxb dt img{ max-width:100%; transition: all 0.5s; position:relative; z-index:1;}
.of2boxb dd{ width:100%; position:relative;  padding:15px 0; text-align:center; z-index:2; overflow:hidden;}
.of2boxb dd span{ display:block; font-size:22px; color:#0175c2; line-height:220%; }
.of2bmr i{ display:block; width:42px; height:21px; background:url(../newimg/jclcjt.png) no-repeat; position:absolute; top:38%; right:-50px; z-index:5;}
.of2bov i{ display:none;}

.of3{ width:92%; max-width:1220px; position:relative; margin:0 auto 2% auto; overflow:hidden;}
.of3 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.of3box{width:100%; margin:2% auto; position:relative; }
.of3box dl{ width:23.5%; float:left; position:relative; top:0; margin:10px 0.75%; overflow:hidden;transition: all 0.5s;}
.of3box dl:hover{box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);}
.of3box dl:hover .of3mk{bottom:0;}
.of3box dt{ width:100%; height:0; padding-bottom:100%; position:relative; margin:0 auto; z-index:1; overflow:hidden;}
.of3box dt img{ max-width:100%; transition: all 0.5s;}
.of3box dd{ width:100%; position:relative; margin:0 auto; padding:15px 0; background:#0175c2; z-index:2; overflow:hidden;}
.of3txt{width:66%; float:left; font-size:22px; color:#FFFFFF; margin-left:4%; overflow:hidden;}
.of3txt span{ display:block; width:100%; font-size:22px; color:#FFFFFF;}
.of3txt i{ display:block; width:100%; font-size:18px; color:#FFFFFF; margin-top:10px;}
.of3pic{display:block; width:22%; float:right; margin-right:4%; text-align:right; overflow:hidden;}
.of3pic img{ display:inline-block; max-width:100%;}

.of3mk{ width:100%; height:100%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; position:absolute; bottom:-100%; left:0; z-index:5; overflow:hidden; transition: all 0.5s;}
.of3jia{ display:block; width:62px; height:62px; position:absolute; left:0; right:0; bottom:5%; margin:auto; background:url(../images/jia.png) no-repeat; background-size:cover; overflow:hidden;}
.of3mkcon{ width:90%; height:70%; margin:5% auto; font-size:14px; line-height:180%; color:#FFFFFF; text-align:justify; overflow-y:auto; }
.of3mkcon::-webkit-scrollbar {
  width: 4px;
  background-color: #cccccc;
}
.of3mkbt{ display:block;  font-weight:normal; margin-bottom:0; font-size:20px;}
.of3mkcon span{ font-size:14px;}


.of4{ width:92%; max-width:1200px; position:relative; margin:0 auto 2% auto; overflow:hidden;}
.of4 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.of4box{width:100%; margin:2% auto 0 auto; position:relative; }
.of4box dl{ width:32.4%; float:left; position:relative; top:0; margin-bottom:18px; overflow:hidden; transition: all 0.5s; }
.of4mr{margin-right:1.4%;}
.of4box dl:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.of4box dl:hover dd{background:rgba(0,105,183,0.6);}
.of4box dt{ width:100%; height:0; padding-bottom:75%; position:relative; z-index:1; overflow:hidden;}
.of4box dt img{ max-width:100%; transition: all 0.5s;}
.of4box dd{ width:100%; position:absolute; left:0; bottom:0; padding:12px 0; background:rgba(0,0,0,0.6); text-align:center; z-index:2; overflow:hidden; transition: all 0.5s;}
.of4box dd span{ display:inline-block; width:96%; margin:0 auto; font-size:22px; color:#FFFFFF; overflow:hidden;}
.of4boxb{width:100%; margin:0 auto; position:relative;}
.of4boxb dl{ width:49.3%; float:left; position:relative; top:0; margin-bottom:18px; overflow:hidden; transition: all 0.5s; }
.of4bmr{ margin-right:1.4%;}
.of4boxb dl:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.of4boxb dl:hover dd{background:rgba(0,105,183,0.6);}
.of4boxb dt{ width:100%; height:0; padding-bottom:49.3%; position:relative; z-index:1; overflow:hidden;}
.of4boxb dt img{ max-width:100%; transition: all 0.5s;}
.of4boxb dd{ width:100%; position:absolute; left:0; bottom:0; padding:12px 0; background:rgba(0,0,0,0.6); text-align:center; z-index:2; overflow:hidden; transition: all 0.5s;}
.of4boxb dd span{ display:inline-block; width:96%; margin:0 auto; font-size:22px; color:#FFFFFF; overflow:hidden;}


/*anli*/
.of5{ width:92%; max-width:1220px; position:relative; margin:0 auto 2% auto; overflow:hidden;}
.of5 h2{ display:block; width:100%; max-width:1200px; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin:0 auto; overflow:hidden}
.of5box{ width:100%; position:relative; overflow:hidden;}
.of5box dl{ width:98%; border:#e7e7e9 1px solid; border-radius: 5px; padding:35px 0; position:relative; top:0; z-index:1; margin:2% auto; overflow:hidden; transition: all 0.5s;}
.of5box dl:hover{top:-10px; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.08);}
.of5box dt{ width:36.5%; float:left; position:relative; text-align:center; overflow:hidden;}
.of5box dt img{ display:inline-block; max-width:77%; margin:0 auto;}
.of5box dd{ width:59.5%; float:left; position:relative; text-align:left; overflow:hidden}
.of5box dd .of5bt{ width:100%; font-size:26px; color:#0068b7; margin-bottom:10px;}
.of5box dd .of5txt{ width:100%; font-size:20px; line-height:200%; text-align:justify; overflow:hidden}
.of5more{ width:100%; height:50px; max-width:1200px; background:#e6e6e6; position:relative; margin:2% auto; cursor:pointer; overflow:hidden; }
.of5more i{ display:block; width:49px; height:16px; background:url(../images/newmore.png) no-repeat; margin:17px auto; overflow:hidden}

/*yimao-news*/
.of6bg{ width:100%; position:relative; margin:2% auto; background:#e4f1f9; padding:2% 0; overflow:hidden; }
.of6{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.of6 dl{  height:0; padding-bottom:24.3%; float:left; position:relative; margin-bottom:18px; overflow:hidden; transition: all 0.5s; }
.of6dla{width:32.4%;}
.of6dlb{width:49.3%;}
.of6 dl:hover .of6mk{bottom:0;}
.of6 dt{ width:100%;  position:relative; text-align:center; z-index:1; overflow:hidden;}
.of6 dt img{ display:block; max-width:100%; margin:0 auto; transition: all 0.5s;}
.of6 dd{ width:100%; height:100%;  position:absolute; left:0; top:0;  z-index:2; overflow:hidden; transition: all 0.5s;}
.of6 dd .of6bt{ width:96%; padding:12px 2%; background:rgba(0,0,0,0.6); color:#FFFFFF; font-size:18px; text-align:center; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden;}
.of6mk{ width:90%; height:100%;padding:0 5%; background:url(../images/mbmk.jpg) top center no-repeat; background-size:cover; color:#FFFFFF; position:absolute; bottom:-100%; left:0; z-index:2; overflow-y:auto; transition: all 0.5s;}
.of6mk .of6tag{ display:block; width:100%; font-size:22px; text-align:left; font-weight:normal; margin-bottom:10px; margin-top:20px; overflow:hidden;}
.of6mk .of6box{ width:100%; font-size:18px; text-align:justify; line-height:180%; overflow:hidden;}
.of6mr{ margin-right:1.4%;}
.of6zixun{ display:block; width:260px; padding:10px 10px; text-align:center; color:#FFFFFF; font-size:18px; background:#0075c2; margin:1% auto 0 auto; overflow:hidden;}
.of7{ width:92%; max-width:1200px; position:relative; margin:2% auto 0 auto; overflow:hidden;}
.of7l{ width:46.5%; float:left; position:relative; overflow:hidden;}
.of7lbt{ width:100%; font-size:40px; color:#0175c2; margin-bottom:20px; margin-top:15%; overflow:hidden;}
.of7ltxt{ width:100%; font-size:20px; color:#333333; line-height:180%; text-align:justify; overflow:hidden;}
.of7r{ width:44.5%; float:right; position:relative; text-align:center; overflow:hidden;}
.of7r img{ max-width:100%; margin:0 auto;}

/*about-news*/
.if1{ width:92%; max-width:1200px; position:relative; margin:2% auto; overflow:hidden; }
.if1 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin-bottom:2%;}
.if2{ width:92%; max-width:1200px; position:relative; margin:1% auto 2% auto; overflow:hidden; }
.if2 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin-bottom:10px;}
.if2 h3{ width:100%; margin:0 auto; position:relative; font-size:20px; color:#0175c2; text-align:center; font-weight:normal; overflow:hidden;}
.if3bg{ width:100%; position:relative; margin:0 auto 2% auto; background:url(../newimg/if3bg.jpg) center top repeat-y; background-size:100%; padding-top:48px; overflow:hidden; }
.if3{ width:92%; max-width:1200px; position:relative; margin:0 auto; color:#FFFFFF; overflow:hidden; }
.if3bt{ width:100%; font-size:36px; text-align:center; position:relative; z-index:3; overflow:hidden;}
.if3txt{ width:55.8%; min-height:625px; position:relative; z-index:1; margin-bottom:10px; margin-top:7%; font-size:18px; line-height:200%; float:left; text-align:justify; overflow:hidden;}
.if3txt p{ margin:10px auto;}
.if3pic{ width:42.5%; position:absolute; bottom:0; right:0;  text-align:right; overflow:hidden; z-index:2;}
.if3pic img{ display:inline-block; max-width:100%; }
.if4{ width:92%; max-width:1200px; position:relative; margin:0 auto 2% auto; overflow:hidden; }
.if4 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin-bottom:2%;}
.if4box{ width:100%; position:relative; margin:0 auto; overflow:hidden;}
.if4pic{ width:49.5%; float:left; position:relative; overflow:hidden;}
.if4pic img{ max-width:100%;}
.if4txt{ width:49%; float:right; position:relative;}
.if4txt dl{ width:100%; position:relative; padding-bottom:13px; border-left:#c9c9c9 1px solid;}
.if4txt dt{ width:100%; position:relative;}
.if4txt dt i{ display:block; width:10px; height:10px; background:#0074c1; border-radius: 5px; z-index:2; position:absolute; top:8px; left:-5px; overflow:hidden}
.if4txt dt span{ display:block; width:95%; float:right; font-size:20px; color:#0175c2; padding-bottom:5px;}
.if4txt dd{ width:95%; margin-left:5%; position:relative; font-size:16px; color:#333333; line-height:160%; overflow:hidden;}
.if5{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.if5newa{margin:0 auto 2% auto!important;}
.if5newa dl{width:38%!important; height:auto!important; min-height:100px; margin-top:5%;}
.if5newa dt{ text-align:center;}
.if5newa h2{ display:none!important;}
.if5 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#0175c2; text-align:center; margin-bottom:2%;}
.if5box{ width:100%; position:relative; margin:0 auto; overflow:hidden;}
.if5box dl{ width:32%; height:250px; margin-bottom:10px; position:relative; z-index:2; overflow:hidden;}
.if5l{ float:left;}
.if5r{ float:right;}
.if5box dt{ width:17.4%; position:relative; overflow:hidden;}
.if5box dt img{ max-width:100%;}
.if5box dd{ width:74.8%; position:relative; overflow:hidden;}
.if5bt{ width:100%; margin-bottom:5px; font-size:22px; color:#0075c2; overflow:hidden;}
.if5txt{ width:100%;  font-size:18px; color:#333333; line-height:180%; text-align:justify; overflow:hidden;}
.if5ctpic{ width:33.1%; position:absolute; top:13%; left:0; right:0; margin:auto; overflow:hidden;}
.if5ctpic img{ max-width:100%;}
.if6bg{ width:100%; min-height:870px; position:relative; margin:0 auto -30px auto; overflow:hidden; }
.if6{ width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden; }
.if6 h2{ display:block; width:100%; font-weight:normal; font-size:36px; color:#FFFFFF; text-align:center; margin:48px auto;}
.if6box{width:100%; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.if6box ul{ display:table; width:100%; margin-bottom:30px;}
.if6box li{ display:table-cell;}
.if6box li img{ display:block; max-width:100%; margin:0 auto;}
.if6box li span{ display:block; font-size:16px; margin-top:18px; color:#FFFFFF;}

/*new-news*/
.if7{ width:100%; position:relative; margin-bottom:38px; overflow:hidden; transition: all 0.5s;}
.if7 .if7box{ max-width:100%; height:508px; position:relative; z-index:1;}
.if7 .if7box img{ display:block; width:100%; margin:0 auto; position:relative; z-index:1;}
.if7 .if7box span{ display:block; width:96%; padding:12px 2%; text-align:center; color:#FFFFFF; background:rgba(0,0,0,0.5); font-size:20px; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
.if7:hover .slick-prev{opacity: 1;}
.if7:hover .slick-next{opacity: 1;}
/*if7 Arrows */
.if7 .slick-prev,
.if7 .slick-next {
	position: absolute;
	display: block;
	top: 40%;
	width: 38px;
	height: 71px;
	margin-top: 0;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
	font-size: 0;
	z-index: 5;	
	opacity: 0;	
}

.if7 .slick-prev:focus,
.if7 .slick-next:focus {
	outline: none;
}

.if7 .slick-prev.slick-disabled:before,
.if7 .slick-next.slick-disabled:before {
	opacity: 0;
}

.if7 .slick-prev:before,
.if7 .slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.if7 .slick-prev {
	left: 10px;
	background:url(../images/zybtn.png) 0px 0px no-repeat;
}
.if7 .slick-prev:hover{background-position:0 -71px;}
.if7 .slick-next {
	right: 10px;
	background:url(../images/zybtn.png) -38px 0px no-repeat;
}
.if7 .slick-next:hover{background-position:-38px -71px;}

/*hg*/
.hf1bg{width:100%; position:relative; min-height:378px; margin-bottom:1px; overflow:hidden;}
.hf1{width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.hf1box{ width:27%; padding:30px 1.5%; min-height:220px;  margin:50px auto 50px 13%; color:#FFFFFF; overflow:hidden;}
.hf1ca{background-image: linear-gradient(rgba(2,135,207,0.9), rgba(7,67,118,0.9));}
.hf1box h2{ display:block; width:100%; font-size:22px; margin-bottom:15px;}
.hf1box p{ display:block; width:100%; font-size:14px; line-height:180%; text-align:justify;}
.hf1r{ width:25.5%; position:absolute; bottom:50px; right:13%; overflow:hidden;}
.hf1r a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFFFFF; margin-bottom:5px; overflow:hidden;}
.hf1rca{ background:#8a254c;}

.hf2{width:92%; max-width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.hf2l{ width:43%; float:left; position:relative; overflow:hidden;}
.hf2l img{ max-width:100%;}
.hf2r{ width:54%; float:right; position:relative; overflow:hidden;}
.hf2rca{ font-size:26px; color:#0175c2;}
.hf2rcb{ font-size:20px; color:#000000; margin:26px auto; line-height:180%;}
.hf2rcc{ font-size:25px; color:#0175c2; line-height:180%;}

/*zhaoshang--newadd*/
.zsf1bg{ width:100%; position:relative; margin:-20px auto 0 auto; padding:30px 0; overflow:hidden;}
.zsf1{ width:92%; max-width:1200px; min-height:520px; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.zsf1txt{ width:92%; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; color:#FFFFFF; overflow:hidden;}
.zsf1txt h2{ display:block; width:100%; font-size:89px;}
.zsf1txt h3{ display:block; width:100%; font-size:67px; margin-bottom:10px;}
.zsf1txt p{ display:block; width:100%; font-size:33px;}
.zsf1txt i{ display:inline-block; font-size:24px; margin:0 10px; position:relative; top:-3px;}
.zsf2bg{ width:100%; position:relative; margin:0 auto; padding:60px 0; background:#f5f6fa; overflow:hidden;}
.zsf2tag{ width:92%; max-width:1200px; position:relative; margin:0 auto 60px auto; font-size:34px; color:#0175c2; font-weight:bold; padding-bottom:15px; text-align:center; overflow:hidden;}
.zsf2tag i{ display:block; width:36px; height:4px; background:#0175c2; font-size:0; position:absolute; left:0; bottom:0; right:0; margin:auto;}
.zsf2{ width:100%; max-width:1200px; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.zsf2pic{ width:92%; position:relative; margin:0 auto; padding:10px 0; text-align:center; z-index:1; overflow:hidden;}
.zsf2pic img{ display:block; width:auto; height:347px; margin:0 auto;}
.zsf2box{ width:100%; height:347px; position:absolute; top:10px; left:0; z-index:2; animation: upordown 1.7s ease-in-out 1s infinite; overflow:hidden;}
.zsf2con{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.zsf2l{ width:50%; height:100%; position:absolute; top:0; left:0; text-align:left; overflow:hidden;}
.zsf2r{ width:50%; height:100%; position:absolute; top:0; right:0; text-align:right; overflow:hidden;}
.zsf2con dl{ display:inline-block; width:75.5%; height:56px; position:relative; overflow:hidden;}
.zsf2con dt{ display:inline-block; width:56px; height:100%; position:absolute; top:0; border-radius: 28px; text-align:center; overflow:hidden;}
.zsf2con dt span{ display:block;width:92%; height:20px; line-height:20px; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; font-size:18px; color:#FFFFFF; font-weight:bold; overflow:hidden;}
.zsf2con dd{ display:inline-block; width:calc(100% - 86px); height:100%; position:absolute; top:0; background:#FFFFFF; border-radius: 28px; text-align:center; overflow:hidden;}
.zsf2con dd span{ display:block;width:92%; height:20px; line-height:20px; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; font-size:18px; color:#000000; overflow:hidden;}
.zsf2con .zsf2mk{ display:inline-block; width:75.5%; height:41px; background:none; font-size:0; text-indent:-999999px; overflow:hidden;}
.zsf2l .zsf2dla{ margin-left:12%;}
.zsf2l dt{ right:0;}
.zsf2l dd{ left:0;}
.zsf2r .zsf2dla{ margin-right:12%;}
.zsf2r dt{ left:0;}
.zsf2r dd{ right:0;}
.zsf2cl1 dt{ background:#0074bd;}
.zsf2cl2 dt{ background:#d78247;}
.zsf2cl3 dt{ background:#23387c;}
.zsf2cl4 dt{ background:#5f4694;}
.zsf2cl5 dt{ background:#b7141e;}
.zsf2cl6 dt{ background:#b24790;}
.zsf2cl7 dt{ background:#75b9b6;}
.zsf2cl8 dt{ background:#e5b252;}
.zsf3bg{ width:100%; position:relative; margin:0 auto; padding:60px 0; overflow:hidden;}
.zsf3tag{ width:92%; max-width:1200px; position:relative; margin:0 auto 100px auto; font-size:34px; color:#FFFFFF; font-weight:bold; padding-bottom:15px; text-align:center; overflow:hidden;}
.zsf3tag i{ display:block; width:36px; height:4px; background:#FFFFFF; font-size:0; position:absolute; left:0; bottom:0; right:0; margin:auto;}
.zsf3{ width:92%; max-width:1200px; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.zsf3 dl{ display:inline-block; width:15.5%; position:relative; color:#FFFFFF; text-align:center; overflow:hidden;}
.zsf3 dt{  position:relative; margin:0 auto; overflow:hidden;}
.zsf3dta{width:70%; height:0; padding-bottom:70%;}
.zsf3dtb{width:100%; height:0; padding-bottom:70%;}
.zsf3 dt img{ display:block; width:100%; position:relative; z-index:1;}
.zsf3 dt span{ display:block; width:70%; position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; font-size:35px; z-index:2;}
.zsf3 dd{ width:100%; height:150px; line-height:25px; position:relative; margin:20px auto 0 auto; font-size:24px; overflow:hidden;}
.zsf5bg{ width:100%; position:relative; margin:0 auto; padding:60px 0 0 0; background:#1b0381; overflow:hidden;}
.zsf5tag{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; font-size:34px; color:#FFFFFF; font-weight:bold; padding-bottom:15px; text-align:center; overflow:hidden;}
.zsf5tag i{ display:block; width:36px; height:4px; background:#FFFFFF; font-size:0; position:absolute; left:0; bottom:0; right:0; margin:auto;}
.zsf5{ width:100%; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.zsf5 img{ display:block; width:100%; margin:0 auto;}
.pc{ display:block;}
.yd{ display:none;}
.zsf6bg{ width:100%; min-height:477px; position:relative; margin:100px auto 0 auto;  overflow:hidden;}
.zsf6mk{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.zsf6mk .zsf6mkul{width:100%;height:100%; position:absolute; top:0; overflow:hidden;}
.zsf6mk .zsf6mkli{ width:100%; position:relative; float:left; font-size:0; overflow:hidden;}
.zsf6{ width:92%; max-width:1200px; position:relative; margin:0 auto; text-align:center; color:#0175c2; overflow:hidden; z-index:2;}
.zsf6 h2{ display:block; width:100%; font-size:63px;}
.zsf6line{ display:inline-block; min-width:46%; height:1px; font-size:0; background:linear-gradient(to right,#FFFFFF, #1b0381, #FFFFFF); margin:10px auto; overflow:hidden;}
.zsf6box{ display:block; width:100%; margin:0 auto; overflow:hidden;}
.zsf6box a{color:#0175c2;}
.zsf6box h3{ display:block; width:100%; font-size:48px; }
.zsf6box p{ display:block; width:100%; font-size:58px; }

@keyframes upordown {
  0% , 100%{
    top:0;
  } 
  50%{
    top:5px;
  }
}

/*zhaoshang--over*/


/*footer*/
.ftbg{ width:100%; position:relative;  overflow:hidden; z-index:999;}
.fta{width:100%; position:relative; overflow:hidden; }
.fta img{ display:block; width:100%;}
.ftbbg{width:100%; text-align:center; position:relative; background:#eff7fa; overflow:hidden}
.ftb{ width:92%; max-width:1220px; text-align:center; position:relative; margin:30px auto 0 auto; padding-bottom:30px; border-bottom:#c6c5c0 1px solid;  overflow:hidden}
.ftbcon{ width:68%; position:relative; float:left; text-align:left; overflow:hidden;}
.ftbcon dl{ width:12%; float:left; margin-right:0.5%; overflow:hidden}
.ftbcon dt{ font-size:16px; color:#333333;}
.ftbcon dt a{ display:inline-block; font-size:16px; color:#333333;}
.ftbcon dt span{display:inline-block; color:#0075c2; width:12px;}
.ftbcon dd a{ display:block; margin-top:8px; margin-left:12px; font-size:14px; overflow:hidden}
.ftbcon dd a:hover{ color:#0075c2;}
.wem{ width:32%; position:relative; float:left; margin-top:60px; overflow:hidden;}
.wemtel{ width:57%; float:left; position:relative; text-align:left; padding:5px 0; border-bottom:#d9ddde 1px solid; overflow:hidden;}
.wemtel span{ display:block; width:100%; font-size:27px; color:#333333;}
.wemtel i{ display:block; width:100%; font-size:32px; color:#000000; font-weight:bold;}
.wempic{ width:42%; float:right; position:relative; text-align:right; overflow:hidden;}
.wempic p{display:block; width:45%; margin-left:5%; text-align:center; float:left; overflow:hidden;}
.wempic img{ display:block; width:100%; }
.wempic span{ display:block; width:100%; font-size:12px;}
.wemtxt{ width:100%; position:relative; margin-top:10px; text-align:left; line-height:180%; color:#333333; overflow:hidden;}

.ftlk{  width:92%; max-width:1220px; margin:0 auto; padding:5px 0 15px 0; overflow:hidden}
.ftlk a{ display:block; margin:10px 15px 0 15px; float:left; color:#CCCCCC; overflow:hidden;}
.ftlk a:hover{color:#0075c2;}
.ftcbg{width:100%; text-align:center; position:relative; padding:25px 0; background:#142e5f; overflow:hidden}
.ftc{ width:92%; max-width:1220px; text-align:center; color:#FFFFFF; line-height:200%; position:relative; margin:0 auto; overflow:hidden}
.ftc a{ color:#FFFFFF;}

@media screen and (max-width: 1800px) {
	.f3pre{left:2%; }
	.f3next{right:2%;}
	
}
@media screen and (max-width: 1400px) {

	/*footer*/
	.wemtel span{font-size:25px;}
	.wemtel i{ font-size:29px;}
}

@media screen and (max-width: 1200px) {
	/*top*/
	.topbg{ position:fixed; border-top:none;  background:#FFFFFF; }
	.top{ height:65px; z-index:1;}
	.tline{ display:block; width:100%; height:4px; position:absolute; left:0; top:0; background:#0175c2; font-size:0; z-index:6;}
	.tbline{ display:block; width:100%; height:1px; position:absolute; left:0; top:64px; background:#002a5c; font-size:0; z-index:6;}
	.logo{width:100%; height:60px; top:4px; background:#FFFFFF; z-index:8;}
	.logo img{ width:173px; height:60px;}
	.logo iframe{ border:0; width:173px; height:60px;}
	.mane{ width:100%; height:500px; padding:10px 0; position:absolute; right:0; top:-500px; background:#FFFFFF; z-index:1; overflow-y:auto;}
	.mane ul{ width:100%; float:none;}
	.mane li{ width:100%; float:none; }
	.manebt{ display:block; width:92%; margin:0 auto;}	
	.maneson{ width:100%; position:relative; left:0; top:0; }
	.toprbg{ position:absolute; float:none; right:0; top:-64px; z-index:2; display:none;}
	.mtag{ display:block; width:44px; height:18px; padding:6px 0 10px 0; border:#dddddd 1px solid; border-radius: 4px; text-align:center; position:absolute; right:0; top:16px; z-index:10; cursor:pointer; overflow:hidden}
	.mtag span{ display:block; width:22px; height:2px; font-size:0; text-indent:-9999px; background:#888888; position:relative; margin:4px auto 0 auto}
	.mtag:hover{ background:#dddddd;}	
	.telbox{ top:96px;}
	.wxbox{ top:96px;}
	
	/*add*/
	.maneadd{ display:block;}
	.toprnew{ display:none;}
	/*add*/
		
	/*banner*/
	.bnbg{ display:none;}
	.banner{  margin-top:65px;}
	.bnpre{ display:none;}
	.bnnext{ display:none;}
	/*m*/
	.sjbnbg{ width:100%;margin-top:65px; display:block; }
	
	/*newbn*/
	.sjhdpic{ display:block;}
	.sjhdpic img{ display:inline-block; width:100%; margin:0 auto;}
	.hdpic{ display:none;}
	
	/*add-banner*/
	.bnmk{ width:100%;background:#e4f1f9; position:relative; margin-top:65px;}
	.bninfo{ width:100%; height:auto; margin:0 auto;}
	.bninfo ul{ width:100%; height:auto; margin:10px auto; overflow:hidden;}
	.bninfo li{ width:50%; height:auto;  margin:10px auto;overflow:hidden;}
	.bnmkbox span{height:50px; line-height:25px; font-size:12px;}
	

	
	/*f1*/
	.f1bg{ padding:50px 0 30px 0;}
	.f1 li{ width:100%; float:none; }
	.f1 h2{  font-size:30px;}
	.f1box{ width:100%; margin:10px auto;}
	.f1bt{ margin:10px auto;}
	.f1bt h3{ font-size:26px; }
	/*f1-add*/
	.f1lb{ width:92%;margin:15px auto 0 auto;}
	.f1lb li{ width:100%; height:auto; padding-bottom:0; float:none; margin-bottom:15px;}
.f1lbcon{ width:100%; height:auto; position:relative; margin:0 auto;}
	.f1lbcon span{ display:block; width:100%; padding:10px 0; text-align:center; color:#FFFFFF; font-size:16px;}
	
	/*f2*/
	.f2{ margin:30px auto;}
	.f2 li{ width:100%; float:none;}
	.f2box{ margin:10px auto;}
	.f2 h2{  font-size:30px;}
	.f2box{ width:100%;}
	
	/*f3*/
	.f3 ul{ width:100%; min-height:480px; position:relative; overflow:hidden;}
	.f3 .ldpic{ width:100%; padding-bottom:61%; float:none; z-index:1;}
	.f3 .syvideo{ width:96%; height:500px; position:absolute; right:0; left:0; top:5%; margin:auto; z-index:2; overflow:hidden;}

	.videobox{ width:96%; margin:36% auto 0 auto; max-width:640px; cursor:pointer; position:relative; z-index:1; overflow:hidden;}

	.f3 .ldtxt{ display:block; width:100%; height:400px; background:#FFFFFF; text-align:left; position:relative; left:0; top:0; z-index:2; overflow:hidden}
	
	.ldbox { font-size:14px; line-height:180%;}
	.ldcon .ldbts{font-size:20px; margin:10px auto;}
	.ldcon .ldconbts{font-size:26px;}
	
	.f3pre{ display:none}
	.f3next{ display:none}
	.f3page li{ margin:0;}
	.f3page li span{font-size:14px;}


	
	/*f4*/
	.f4{ margin:30px auto; }
	.f4 li{ width:100%; float:none;}
	.f4 h2{  font-size:30px;}
	.f4box{ width:100%; margin:10px auto;}
	
	/*f5*/
	.f5{ width:92%; max-width:1220px; text-align:center; position:relative; margin:30px auto; overflow:hidden}
	.f5 h2{ font-size:30px; margin:10px; text-align:center;}
	.f5l{ width:100%; min-height:auto; float:none; margin-bottom:30px;}
	.f5ltxt{ width:92%; min-height:auto; line-height:180%; font-size:14px; color:#333333; margin:0 auto; }
	.f5linfo{ width:100%; margin-top:10px; position:relative; overflow:hidden;}
	.f5linfo li{ width:25%; float:left; position:relative; text-align:center; overflow:hidden;}
	.f5lcle{ width:60%; height:0; padding-bottom:60%; border-radius: 60%; margin:0 auto; position:relative; background:#0175c2; color:#FFFFFF; overflow:hidden}
	.f5lcle p{ margin-top:30%;}
	.f5lcle span{font-size:22px;}
	.f5lcle i{font-size:22px;}
	.f5ltag{ font-size:12px;}
	
	.f5r{ width:100%; float:none; position:relative; overflow:hidden;}
	.f5r img{ display:block; width:100%; position:relative; z-index:1; transform: scale(1);-webkit-transform: scale(1); transition: all 0.5s;}
	.f5r img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
	.f5r span{ display:block; width:90%; padding:12px 5%; text-align:center; color:#FFFFFF; font-size:16px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2; overflow:hidden;}
	.f5box{ width:100%; position:relative; margin:20px auto; overflow:hidden;}
	.f5box li{ width:50%;  margin-bottom:10px;}
	.f5br{ margin-right:0;}
	.f5box li img{ display:block; width:96%; margin:0 auto;}

	.f5box li span{ width:96%; right:0; margin:auto; padding:10px 0; font-size:14px;}
	
	/*f6*/
	.f6bg{ width:100%; padding:30px 0; background:#e4f1f9;}
	.f6{ width:92%; max-width:1220px; text-align:center; position:relative; margin:0 auto; overflow:hidden}
	.f6 h2{ display:block; width:100%; font-weight:normal; font-size:30px; color:#0175c2; margin-bottom:30px;}
	.f6box{ width:100%; position:relative; overflow:hidden;}
	.f6l{ width:68%; float:left; position:relative; overflow:hidden;}
	.f6l img{ display:block; width:100%;}
	.f6r{ width:28%; float:right; position:relative; overflow:hidden;}
	.f6r ul{ width:50%; position:relative; padding-top:20%;}
	.f6r li{ width:100%; height:0; padding-bottom:100%; border-radius: 100%; margin:20% auto 30% auto; border:#c4d5dd 1px solid;}
	.f6r li article{ margin-top:15%;}
	.f6r li span{ display:inline-block; font-size:22px; color:#000000;}
	.f6r li i{ display:inline-block; font-size:1.5vw; color:#000000;}
	.f6r li p{ font-size:1.5vw; color:#000000; margin-top:5px;}
	
	.f6rfb dt span{ font-size:22px;}
	.f6rfb dt i{ font-size:1.5vw;}
	.f6rfb dd{ font-size:1.5vw;}
	
	.f7{ margin:30px auto 20px auto;}
	.f7 h2{font-size:30px; margin-bottom:0;}
	/*f8*/
	.f8{ width:94%; max-width:1220px; margin:0 auto; position:relative; overflow:hidden;}
	.f8 dl{ width:50%; float:left; position:relative; margin-bottom:20px; overflow:hidden;}
	.f8mr{ margin-right:0;}
	.f8 dt{ width:92%; margin:0 auto; border-top:#0075c2 1px solid; border-left:#0075c2 1px solid; border-right:#0075c2 1px solid; height:0; padding-bottom:120%; position:relative; overflow:hidden;}
	.f8 dt img{ display:block; width:100%;}
	.f8 dd{ width:93%; margin:0 auto; height:60px; padding:5px 0; background:#0075c2; text-align:center; color:#FFFFFF; font-size:14px; position:relative; overflow:hidden;}
	.f8mk{ width:92%; left:0; top:0; right:0; margin:auto;}
	.f8mk p{font-size:18px;}
	.f8mk p span{ font-size:30px; font-family:Arial;}
	
	/*f12*/
	.f12{ margin:30px auto;}
	.f12 h2{ font-size:30px; margin-bottom:20px;}
	.f12al{ padding-bottom:50px;}
	.f12al .f12box{ max-width:100%; }
	.f12al .f12box .f12pic{ width:100%; float:none; position:relative; text-align:center; overflow:hidden;}
	.f12al .f12box .f12pic img{ width:100%; max-width:100%; margin:0 auto;}
	.f12al .f12box .f12r{ width:100%; float:none; margin-top:20px; position:relative; text-align:left; overflow:hidden}
	.f12al .f12box .f12r .f12bt{ width:100%; font-size:20px; color:#0068b7; margin-bottom:10px;}
	.f12al .f12box .f12r .f12txt{ font-size:16px; line-height:180%;}
	
	/*f9*/
	.f9 h2{ font-size:30px;}
	.f9l{ width:100%; position:relative; float:none; margin-bottom:30px; overflow:hidden;}
	.f9r{ width:100%; position:relative; float:right; overflow:hidden;}
	
	/*f11*/
	.f11{ margin:0 auto 50px auto;}
	.f11 h2{ font-size:30px;}
	
	.f11l{ width:100%; position:relative; float:none; margin-bottom:30px; overflow:hidden;}
	
	.f11r{ width:100%; position:relative; float:none; }
	.f11r ul{ width:100%; position:relative; overflow:hidden;}
	.f11r li{ width:100%; height:40px; line-height:40px;}
	.f11r li a{ width:78%; font-size:14px; }
	.f11r li i{ width:21%; font-size:12px; }
	/*f11-over*/
	
	
	/*f10*/
	.f10{ width:94%;}
	.f10 h2{ display:block; width:100%; font-weight:normal; font-size:30px; color:#FFFFFF; margin-bottom:30px;}
	.f10 ul{ width:100%; position:relative; margin-bottom:30px; overflow:hidden;}
	.f10 li{ width:33.33%; float:left; text-align:center; position:relative; margin-bottom:10px; overflow:hidden}
	.f10 li img{ display:block; max-width:auto; width:94%; margin:0 auto;}
	.f10r{ margin-right:0;}
	
	/*lbn*/
	.lbn{ margin-top:65px; height:0; padding-bottom:45%;}
	.lbnysa{ font-size:22px;}
	.lbnysb{ font-size:14px;}
	.lbnbox .lbnysc{width:160px; height:26px; line-height:26px; font-size:16px;}
	
	/*ldh*/
	.ldh{ margin:2% auto 20px auto; }
	.ldhl{ width:100%; float:none; line-height:220%;  overflow:hidden; }
	.ldhr{ width:100%; float:none; text-align:left; overflow:hidden; }
	.ldhr a{ margin:0 4% 0 0;}
	
	/*danye*/
	.df1{line-height:180%; position:relative; margin:0 auto 30px auto;  }
	.df1 img{ max-width:100%;}
	
	/*list*/	
	.lf2 dt{ width:100%; float:none;}
	.lf2 dd{ width:100%; float:none;}
	.lf2box span{width:80%; }
	.lf2box i{width:80%; }
	
	/*yimao-new*/
	.lf3 li{ width:100%; float:none; }
	.lf3box{  margin:10px auto;}
	.lf3 h2{ font-size:30px; margin-top:10px;}
	.lf3 ul{ margin-top:1%;}
	.lf3box{ width:100%; }
	.lf5 h2{ font-size:30px;}
	.lf5box{ line-height:180%;}
	.lf6{ margin:0 auto 10px auto; }
	.lf6 li{ width:100%; float:none; }
	.lf6box{ width:100%; padding-bottom:60%; margin:10px auto;}
	
	/*about*/
	.af1pic{ width:100%;}
	.af1box{ width:100%;}
	.aml6{ margin-left:0;}
	.af2 .af2pic{ width:100%; float:none; margin-top:20px;}
	.af2box{ width:100%; height:80%; background:#FFFFFF; position:relative;}
	.af2con h2{  color:#000000; font-size:30px;}
	.af2con p{color:#666666; }
	.af2con .af2txt{ display:block; width:100%; height:auto;line-height:180%; }
	
	.af3 li{ width:100%;}	
	.af5 li{ width:100%;}	
	.af4l{ width:15%; }
	.af4r{ width:80%; height:476px;}
	
	.af5pre{ top:25%;}
	.af5next{ top:25%;}
	
	/*about--new*/
	.af6l{ width:100%; float:none; padding-right:0; border-right:none; }
	.af6lbn{min-height:120px;  margin:0 auto;}
	.af6lbn h2{ font-size:20px; margin:20px auto 5px auto; }
	.af6lbn p{ font-size:12px;}
	.af6lbox{ margin:20px auto;}
	.af6r{ display:none}
	
	/*about--rongyu*/
	.af8 li{ width:100%; float:none; margin-bottom:0px;}
	.af8pic{ width:100%;}
	.af8bt{margin:10px auto;}
	
	/*about--safe*/
	.sfbox{ width:100%; float:none; padding-right:0; position:relative; border-right:none; overflow:hidden}
	.sfcon{ height:200px;}
	.sfpre{ top:50px; display:none}
	.sfnext{ top:50px; display:none}
	
	/*new*/
	.nf1l{width:100%; float:none; padding-right:0; border-right:none;}
	.nf1box dt{ width:25%; height:auto; padding-bottom:0;}
	.nf1box dd{ width:70%; }
	.nf1bt{ font-size:20px; min-height:0;}
	.nf1time{margin:8px auto;}
	/*newnr*/
	.nf2con{width:100%; float:none; padding-right:0; border-right:none;}
	.nf2box{ line-height:180%;}
	.nf2box img{ min-width:auto; max-width:100%;}
	.nf2page{ height:auto; line-height:180%;}
	.nf2pl{ width:100%; float:none; margin-bottom:10px;}
	.nf2pr{ width:100%; float:none;}
	
	
	/*team*/
	.tf1{  width:100%; float:none; padding-right:0; border-right:none; }
	.tf1 li{ width:100%; float:none;}	
	.tf1more{ width:92%; margin:19px auto 38px auto;}
	.tf2pic{ width:100%; float:none; margin:20px auto 0 auto; }

	.tf2r{ width:100%; float:none;}
	.tf2box{ width:92%; height:auto; margin:20px auto;  }
	
	/*job*/
	.jf1box{ margin:10px auto;}
	.jf1 h2{ margin:1% auto 10px auto; }
	.jf1 .jf1con{ line-height:180%;}
	.jf2{  margin:10px auto 0 auto; }
	.jf2 dl{ margin-bottom:10px;}
	
	/*about-lx*/
	.lf1box{ width:90%; padding:20px 5%; background:#eff7fa; text-align:left; font-size:16px; line-height:180%; color:#000000;  overflow:hidden}
	#map{ width:100%;height:230px;}

	/*biaozun*/
	.bf1 h2{ font-size:26px; color:#0175c2; text-align:center; margin:0 auto;}
	.bf1 li{ width:100%; float:none;  }
	.bf1box{ width:100%; height:auto; padding-bottom:0;}
	.bf1mkcon{ width:90%; height:90%; margin:5% auto; padding:0 3%; font-size:16px; line-height:180%; color:#FFFFFF; text-align:left; overflow-y:auto;}
	.bf1mkcon h2{ display:block; width:100%; color:#FFFFFF; font-size:22px; text-align:left; font-weight:normal; margin-bottom:10px; overflow:hidden;}
	
	/*fazhan--new*/
	.af10 dt{ width:94%; padding-right:0; padding-left:4%; margin-left:2%; padding-top:30px; float:none; border-left:#dddddd 1px solid; }
	.af10 dd{ width:93%; padding-left:4%; margin-left:2%; float:none; border-left:#dddddd 1px solid; position:relative; }
	.af10 .zf10y{ display:none;}
	.af10 .zf10ys{ display:block; width:10px; height:10px; background:#0074c1; border-radius: 5px; z-index:2; position:absolute; left:-5px; top:42px; overflow:hidden}
	.af10box{ width:100%; border-bottom:#dddddd 1px dashed; padding:30px 0; position:relative; z-index:1; overflow:hidden;}
	
	.af10txt{ width:98%; margin-left:2%; float:none; }
	.af10txt h2{ font-size:22px; }
	.af10pic{ width:100%; float:none; margin-top:10px; }
	
	/*jiance--newadd*/
	.of1{margin:10px auto 30px auto;}
	.of1 h2{ font-size:26px;}
	.of1box{ font-size:16px;}
	.of1boxb dd{padding:6px 0;}
	.of1boxb dd span{ font-size:14px;}
	
	.of2bg{ margin:0 auto 30px auto; padding:30px 0;}
	.of2 h2{ font-size:26px;}
	.of2box dl{ width:100%; float:none; margin:20px 0.65%; }
	.of2box dt{ width:100%; height:0; padding-bottom:75%;}
	.of2box dt img{ width:100%; }
	.of2box dd{  padding:5px 4%;}
	.of2box dd span{height:38px; line-height:38px; font-size:20px;}
	.of2box dd p{height:auto; line-height:180%; font-size:16px; margin-bottom:10px;}
	.of2zixun{ width:260px; font-size:16px; margin:0 auto 2% auto; }
	.of2boxb dd span{  font-size:14px;  line-height:180%; }
	.of2bmr i{zoom:0.4;}
	
	.of3{ margin:0 auto 30px auto;}
	.of3 h2{font-size:26px;}
	.of3box dl{ width:100%; float:none; margin:20px 0.75%; }
	.of3box dt img{ width:100%; }
	.of3txt span{ font-size:20px;}
	.of3txt i{ font-size:16px;}
	.of3pic{ width:15%;}
	.of3pic img{ display:inline-block; max-width:100%;}
	
	.of4{ margin:0 auto 30px auto;}
	.of4 h2{ font-size:26px; margin:0 auto;}
	.of4box{width:100%; margin:20px auto 0 auto; position:relative; }
	.of4box dl{ width:100%; float:none; }
	.of4box dt img{ width:100%;}
	.of4box dd span{ font-size:16px;}
	.of4boxb{width:100%; margin:0 auto; position:relative;}
	.of4boxb dl{ width:100%; float:none; }
	.of4boxb dt img{ width:100%;}
	.of4boxb dd span{ font-size:16px;}
	
	
	/*anli*/
	.of5{ margin:0 auto 30px auto;}
	.of5 h2{ font-size:26px;}
	.of5box{ width:100%; position:relative; overflow:hidden;}
	.of5box dl{ padding:20px 0;  margin:20px auto; }

	.of5box dt{ width:90%; float:none; position:relative; text-align:center; overflow:hidden; margin:0 auto;}
	.of5box dt img{ display:block; width:100%; max-width:100%; margin:0 auto;}
	.of5box dd{ width:90%; float:none; margin:15px auto 0 auto; overflow:hidden}
	.of5box dd .of5bt{ width:100%; font-size:18px; color:#0068b7; margin-bottom:10px;}
	.of5box dd .of5txt{ width:100%; font-size:14px; line-height:180%; text-align:justify; overflow:hidden}
	.of5more{ margin:10px auto; }
	
	
	/*yimao-news*/
	.of6bg{ width:100%; position:relative; margin:30px auto; background:#e4f1f9; padding:20px 0; }
	.of6{ width:92%;  margin:0 auto; }
	.of6 dl{  height:auto; padding-bottom:0; float:left; position:relative; margin-bottom:18px; overflow:hidden; transition: all 0.5s; }
	.of6dla{width:100%;}
	.of6dlb{width:100%;}
	.of6 dd .of6bt{ padding:12px 2%; background:rgba(0,0,0,0.6); color:#FFFFFF; font-size:18px;}
	.of6mk .of6tag{ font-size:20px; text-align:left; font-weight:normal; margin-bottom:10px; margin-top:20px;}
	.of6mk .of6box{ font-size:16px; text-align:justify; line-height:180%;}
	.of6mr{ margin-right:0;}
	.of6zixun{ display:block; width:260px; padding:10px 10px; text-align:center; color:#FFFFFF; font-size:16px; background:#0075c2; margin:1% auto 0 auto; overflow:hidden;}
	
	.of7{margin:10px auto;}
	.of7l{ width:100%; float:none; margin-bottom:20px;}
	.of7lbt{ width:100%; font-size:26px; color:#0175c2; margin-bottom:10px; margin-top:0; }
	.of7ltxt{ width:100%; font-size:16px; color:#333333; line-height:180%; text-align:justify; overflow:hidden;}
	.of7r{ width:100%; float:none; position:relative; text-align:center; overflow:hidden;}
	.of7r img{ max-width:100%; margin:0 auto;}
	
	/*about-news*/
	.if1{ width:92%; margin:10px auto 30px auto;  }
	.if1 h2{ font-size:26px; color:#0175c2; text-align:center; margin-bottom:10px;}
	.if2{ width:92%; margin:0 auto 30px auto; }
	.if2 h2{ font-size:26px; color:#0175c2; text-align:center; margin-bottom:10px;}
	.if2 h3{ font-size:14px;}
	
	.if3bg{  margin:0 auto 30px auto; background:url(../newimg/if3bg.jpg) center top repeat-y; background-size:100%; padding-top:30px; }
	.if3{ width:92%;  margin:0 auto; }
	.if3bt{ font-size:26px;}
	.if3txt{ width:100%; min-height:0; margin-bottom:10px; margin-top:10px; font-size:16px; line-height:180%; float:none; text-align:justify;}
	.if3txt p{ margin:10px auto;}
	.if3pic{ width:100%; position:relative; bottom:0; right:0;  text-align:center; margin-top:10px;}
	.if3pic img{ display:inline-block; max-width:100%; }
	
	.if4{ width:92%; margin:0 auto 30px auto;}
	.if4 h2{ font-size:26px; color:#0175c2; text-align:center; margin-bottom:20px;}
	.if4box{ width:100%;  margin:0 auto;}
	.if4pic{ width:100%; float:none; position:relative;}
	.if4pic img{ max-width:100%; width:100%;}
	.if4txt{ width:100%; float:none; margin-top:20px;}
	.if4txt dt i{ left:0;}
	
	
	.if5{ width:92%; max-width:1200px; position:relative; margin:0 auto 30px auto; overflow:hidden; }
	.if5newa{margin:0 auto 30px auto!important;}
	.if5newa dl{width:100%!important; height:auto!important; min-height:100px; margin-top:0;}
	.if5newa dt{ text-align:left;}
	.if5newa .if5box{ background:none!important;}
	.if5newa h2{ display:block!important;}
	.if5 h2{ font-size:26px; color:#0175c2; text-align:center; margin-bottom:20px;}
	.if5box{ width:100%;  margin:0 auto;}
	.if5box dl{ width:100%; height:auto; margin-bottom:10px; position:relative; z-index:2; overflow:hidden;}
	.if5l{ float:none;}
	.if5r{ float:none;}
	.if5box dt{ width:10%; position:relative; float:left;}
	.if5box dt img{ max-width:60%;}
	.if5box dd{ width:90%; position:relative; float:left;}
	.if5bt{ width:100%; margin-bottom:5px; font-size:20px; color:#0075c2;}
	.if5txt{font-size:16px; color:#333333; line-height:180%; text-align:justify;}
	.if5ctpic{ display:none; }
	
	.if6bg{ min-height:870px; position:relative; margin:0 auto -30px auto; padding-bottom:20px; padding-top:10px;}
	.if6{ width:92%;  margin:0 auto;  }
	.if6 h2{font-size:26px; color:#FFFFFF; text-align:center; margin:20px auto;}
	.if6box{width:100%; position:relative; margin:0 auto; text-align:center;}
	.if6box ul{ display:block; width:100%; margin-bottom:0;}
	.if6box li{ display:block; width:100%; margin-bottom:20px;}
	.if6box li img{ display:block; max-width:100%; width:100%; margin:0 auto;}
	.if6box li span{ display:block; font-size:18px; margin-top:5px; color:#FFFFFF;}
	
	/*new-news*/
	.if7{ width:100%;margin-bottom:38px;}
	.if7 .if7box{ max-width:100%; height:230px; }
	.if7:hover .slick-prev{opacity: 0;}
	.if7:hover .slick-next{opacity: 0;}
	
	/*hg*/
	.hf1box{ width:97%; padding:30px 1.5%; min-height:220px;  margin:20px auto 20px auto; color:#FFFFFF; overflow:hidden;}
	.hf1r{ width:100%; position:relative; bottom:0; right:0; margin-bottom:20px; overflow:hidden;}

	.hf2l{ width:100%; float:none; text-align:center;}
	.hf2r{ width:100%; float:none; margin-top:20px;}
	.hf2rca{ font-size:20px; color:#0175c2;}
	.hf2rcb{ font-size:14px; color:#000000; margin:16px auto; line-height:180%;}
	.hf2rcc{ font-size:18px; color:#0175c2; line-height:180%;}

/*zhaoshang--newadd*/
.zsf1bg{ margin:-20px auto 0 auto; padding:60px 0;}
.zsf1{  min-height:auto;}
.zsf1txt{ position:relative; top:0;transform:translateY(0); margin:0 auto;}
.zsf1txt h2{font-size:24px;}
.zsf1txt h3{ font-size:18px; margin-bottom:10px;}
.zsf1txt p{ font-size:14px; line-height:180%;}
.zsf1txt i{font-size:12px; margin:0 5px; top:0;}

.zsf2bg{ padding:60px 0;}
.zsf2tag{ margin:0 auto 30px auto; font-size:20px; padding-bottom:10px;}
.zsf2tag i{width:36px; height:2px;}
.zsf2{ width:92%;}
.zsf2pic{ display:none;}
.zsf2box{ width:100%; height:auto; padding-bottom:0; position:relative; top:0; animation:none;}
.zsf2con{ width:100%; height:auto; position:relative;}
.zsf2l{ width:100%; height:auto; position:relative; text-align:left;}
.zsf2r{ width:100%; height:auto; position:relative; text-align:left;}
.zsf2con dl{ display:block; width:92%; height:auto; padding:5px; margin:0 auto 10px auto; border-radius: 20px; animation:none;}
.zsf2con dt{width:30px; height:30px; border-radius: 15px; border:#FFFFFF 1px solid; position:relative;}
.zsf2con dt span{width:92%; height:30px; line-height:30px; position:relative; top:0;transform:translateY(0); margin:0 auto; font-size:12px; font-weight:bold;}
.zsf2con dd{width:calc(100% - 35px); height:auto; padding:5px 0; border-radius: 15px; position:relative; text-align:justify; background:none;}
.zsf2con dd span{width:96%; height:auto; line-height:160%; position:relative; top:0;transform:translateY(0); margin:0 auto; font-size:14px; color:#FFFFFF;}
.zsf2con .zsf2mk{ display:none;}
.zsf2l .zsf2dla{ margin-left:auto; margin-right:auto;}
.zsf2l dt{ right:0; float:left;}
.zsf2l dd{ left:0; float:right;}
.zsf2r .zsf2dla{ margin-right:auto;}
.zsf2r dt{ left:0; float:left;}
.zsf2r dd{ right:0; float:right;}

.zsf2cl1{ background:#0074bd;}
.zsf2cl2{ background:#d78247;}
.zsf2cl3{ background:#23387c;}
.zsf2cl4{ background:#5f4694;}
.zsf2cl5{ background:#b7141e;}
.zsf2cl6{ background:#b24790;}
.zsf2cl7{ background:#75b9b6;}
.zsf2cl8{ background:#e5b252;}

.zsf3bg{ padding:60px 0;}
.zsf3tag{margin:0 auto 30px auto; font-size:20px; padding-bottom:10px;}
.zsf3tag i{ width:36px; height:2px;}
.zsf3 dl{ display:block; width:92%; margin:0 auto;}
.zsf3dta{width:30%; padding-bottom:30%;}
.zsf3dtb{width:20%; padding-bottom:20%; display:none;}
.zsf3 dt span{ width:70%; font-size:18px; }
.zsf3 dd{ height:auto; line-height:180%; margin:20px auto 0 auto; font-size:18px;}

.zsf5bg{ padding:60px 0 0 0;}
.zsf5tag{ margin:0 auto 30px auto; font-size:20px; padding-bottom:10px;}
.zsf5tag i{ width:36px; height:2px;}
.zsf5{ width:100%; position:relative; margin:0 auto; text-align:center; overflow:hidden;}
.zsf5 img{ display:block; width:100%; margin:0 auto;}
.pc{ display:none;}
.yd{ display:block;}

.zsf6bg{ min-height:280px; margin:60px auto 0 auto;}
.zsf6 h2{ font-size:20px;}
.zsf6line{min-width:46%; margin:10px auto;}
.zsf6box h3{font-size:16px; }
.zsf6box p{font-size:20px; }

/*zhaoshang--over*/
	
	/*footer*/
	.ftbcon{ width:100%; float:none; display:none}
	.ftbcon dl{ width:100%; float:none; margin-right:0; margin-bottom:5%;}
	.wem{ width:100%; position:relative; top:0; right:0; margin-top:0; overflow:hidden;}
	.wemtel{ padding:10px 0;}	
	.wemtel span{font-size:22px;}
	.wemtel i{ font-size:27px;}
	.wemtxt{ font-size:12px;}
	.wempic span{ zoom:0.8;}	
	.ftcspan{ display:block; width:100%;}
	.ftlk{ display:none;}
}